<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(#SVGo5rHxemN)" class="xd3miybm"/><defs><linearGradient id="SVGo5rHxemN" x1="16.294" x2="6.692" y1="3.993" y2="19.654" gradientUnits="userSpaceOnUse"><stop class="qakunjb"/><stop offset=".39" class="o3ay88b"/><stop offset=".57" class="r3e76si"/><stop offset="1" class="htlaazr"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:isk" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .xd3miybm {
  d: path("m11.896 3l6.688 6.556a3.3 3.3 0 0 1 0 4.737l-2.06 2.018l-4.624-4.534A6.123 6.123 0 0 1 11.9 3zm.208 18l-6.688-6.556a3.3 3.3 0 0 1 0-4.737l2.06-2.018l4.623 4.534a6.125 6.125 0 0 1 0 8.777z");
}

:global .qakunjb {
  stop-color: #fa2a9b;
}

:global .o3ay88b {
  stop-color: #6691da;
}

:global .r3e76si {
  stop-color: #2baaea;
}

:global .htlaazr {
  stop-color: #003a9f;
}

</style>
