<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(#SVGijhFLcKr)" class="o8mbgzw"/><path fill="url(#SVG53izbbcH)" class="ci8i_yle"/><path fill="url(#SVGzUrxeMZn)" class="tzag0rfn"/><defs><linearGradient id="SVGijhFLcKr" x1="16.24" x2="3.146" y1="20.445" y2="15.548" gradientUnits="userSpaceOnUse"><stop class="v178lfd"/><stop offset="1" class="djst67t"/></linearGradient><linearGradient id="SVG53izbbcH" x1="12" x2="12" y1="2.999" y2="21" gradientUnits="userSpaceOnUse"><stop class="baqyk-d"/><stop offset="1" class="nrofmrt"/></linearGradient><linearGradient id="SVGzUrxeMZn" x1="14.117" x2="19.941" y1="18.619" y2="13.854" gradientUnits="userSpaceOnUse"><stop class="baqyk-d"/><stop offset="1" class="nrofmrt"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:zil" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .o8mbgzw {
  d: path("M5.647 4.154L15.7 9.01l2.647-1.165L8.278 3z");
}

:global .ci8i_yle {
  d: path("M5.647 4.153v2.621l6.999 3.372l-7 3.426v2.584L15.707 21v-2.594l-6.814-3.31l6.814-3.494V9.008L5.646 4.164z");
}

:global .tzag0rfn {
  d: path("m15.706 8.994l2.647-1.15v2.595l-2.647 1.154zm0 11.986l2.647-1.154v-8.074l-2.647 1.165z");
}

:global .v178lfd {
  stop-color: #60aaac;
}

:global .djst67t {
  stop-color: #347181;
}

:global .baqyk-d {
  stop-color: #5ac1c1;
}

:global .nrofmrt {
  stop-color: #216b79;
}

</style>
