<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(#SVGXcFPJbep)" class="kqkuz82f"/><path fill="url(#SVGZafFLr4k)" class="y5-ldqfr"/><defs><linearGradient id="SVGXcFPJbep" x1="12" x2="12" y1="2.994" y2="21.001" gradientUnits="userSpaceOnUse"><stop class="l35lter"/><stop offset="1" class="db11nyl"/></linearGradient><linearGradient id="SVGZafFLr4k" x1="18.838" x2="5.267" y1="15.025" y2="19.988" gradientUnits="userSpaceOnUse"><stop class="b6mvhob"/><stop offset="1" class="t1jyx0z"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:lyra" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .kqkuz82f {
  d: path("m15.884 9.979l-3.134 3.145H4.812c-.574 0-.861-.658-.473-1.052l8.872-8.929a.495.495 0 0 1 .794.135l2.21 4.923a1.59 1.59 0 0 1-.33 1.778");
}

:global .y5-ldqfr {
  d: path("M3 13.686c.18.242.827.563 1.947.563h12.321c.714 0 1.361.416 1.643 1.069l2.042 4.827a.62.62 0 0 1-.574.855H7.523a2.03 2.03 0 0 1-1.856-1.204z");
}

:global .l35lter {
  stop-color: #5adcd3;
}

:global .db11nyl {
  stop-color: #37c4b1;
}

:global .b6mvhob {
  stop-color: #47d1c1;
}

:global .t1jyx0z {
  stop-color: #21bfa1;
}

</style>
