<script>
import Icon from '@iconify/css-svelte';

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path fill="url(#SVG6nFEBdpm)" class="sbxki-bb"/><defs><linearGradient id="SVG6nFEBdpm" x1="5.384" x2="12.518" y1="5.914" y2="19.151" gradientUnits="userSpaceOnUse"><stop class="lusc3tv"/><stop offset=".82" class="djp6sbc"/><stop offset="1" class="w36wtwh"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:vab" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .sbxki-bb {
  d: path("M13.233 19.463a1.006 1.006 0 0 1-1.71 0L3.134 5.49c-.381-.635.095-1.429.858-1.429h15.026c1.535 0 2.482 1.604 1.704 2.869l-1.826 2.98c-.709 1.159-1.932 1.561-3.334 1.561H9.85a.52.52 0 0 0-.498.53c.01.317.265.529.498.529h4.144a1.927 1.927 0 0 1 1.64 2.927z");
}

:global .lusc3tv {
  stop-color: #470180;
}

:global .djp6sbc {
  stop-color: #ef62c9;
}

:global .w36wtwh {
  stop-color: #ffccf7;
}

</style>
