<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(#SVGjdJpzeMx)" class="c57oaobt"/><defs><linearGradient id="SVGjdJpzeMx" x1="11.999" x2="11.999" y1="19.429" y2="4.57" gradientUnits="userSpaceOnUse"><stop offset=".015" class="ijq2xfg"/><stop offset=".26" class="gwbokbb"/><stop offset=".605" class="a_2so0q"/><stop offset="1" class="c8rswyb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:xcad" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .c57oaobt {
  d: path("M9.666 11.49L6.324 4.571h4.837l1.701 4.053h.043l3.112-4.053H21l-5.994 7.21l3.553 7.647h-5.003l-1.83-4.655h-.042L8.13 19.43H3z");
}

:global .ijq2xfg {
  stop-color: #fd6422;
}

:global .gwbokbb {
  stop-color: #fc194a;
}

:global .a_2so0q {
  stop-color: #fc125f;
}

:global .c8rswyb {
  stop-color: #9b2aa6;
}

</style>
