<script>
import Icon from '@iconify/css-svelte';
import '../../css/h/hva-ux.css';
import '../../css/t/tt1joe.css';
import '../../css/v/vs065m.css';
import '../../css/a/a4_z2h.css';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":640,"height":480};
const content = `<defs><g id="SVGwnr7MdtW" transform="translate(0 -36)"><g id="SVGNctyDdUX"><g id="SVGNWrCwbQG"><path id="SVGHSjIVdKP" class="hva-ux"/><use width="180" height="120" href="#SVGHSjIVdKP" transform="scale(-1 1)"/></g><use width="180" height="120" href="#SVGNWrCwbQG" transform="rotate(72)"/></g><use width="180" height="120" href="#SVGNWrCwbQG" transform="rotate(-72)"/><use width="180" height="120" href="#SVGNctyDdUX" transform="rotate(144)"/></g></defs><path class="tt1joe"/><path class="vs065m"/><path class="a4_z2h"/><g id="SVGva4PPcNM" transform="matrix(4 0 0 4 320 336)"><g id="SVGfQVePbbm"><use width="180" height="120" href="#SVGwnr7MdtW" transform="rotate(10)"/><use width="180" height="120" href="#SVGwnr7MdtW" transform="rotate(30)"/></g><use width="180" height="120" href="#SVGfQVePbbm" transform="rotate(40)"/></g><use width="180" height="120" href="#SVGva4PPcNM" transform="rotate(-80 320 336)"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="flag:ve-4x3" {...props}></Icon>
