<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(#SVGzlAJVIul)" class="w7hv7y7w"/><path fill="url(#SVGju7VWdKa)" class="yf3ysxn"/><path fill="url(#SVGThnOcctX)" class="mxbw2-h"/><path fill="url(#SVG9ypHebfn)" class="ez1etzb"/><defs><linearGradient id="SVGzlAJVIul" x1="11.997" x2="11.997" y1="3" y2="21.007" gradientUnits="userSpaceOnUse"><stop class="l9fuyug"/><stop offset="1" class="wwr-urb"/></linearGradient><linearGradient id="SVGju7VWdKa" x1="11.997" x2="11.997" y1="3.001" y2="20.938" gradientUnits="userSpaceOnUse"><stop class="uc8pwjb"/><stop offset=".7" class="v_b3vbh"/></linearGradient><linearGradient id="SVGThnOcctX" x1="13.336" x2="10.857" y1="12.947" y2="21.729" gradientUnits="userSpaceOnUse"><stop class="rpmmzqb"/><stop offset=".56" class="qlg7jdi"/></linearGradient><linearGradient id="SVG9ypHebfn" x1="8.517" x2="9.318" y1="7.716" y2="11.582" gradientUnits="userSpaceOnUse"><stop class="qmyd64f"/><stop offset=".61" class="m1wfe7x"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:stsol" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .w7hv7y7w {
  d: path("m11.997 14.102l-5.126-3.01l-.145.22a6.34 6.34 0 0 0 .85 7.846a6.23 6.23 0 0 0 6.816 1.363a6.2 6.2 0 0 0 2.026-1.363a6.32 6.32 0 0 0 .85-7.846l-.145-.22z");
}

:global .yf3ysxn {
  d: path("m17.123 11.103l-5.126 3.01l-5.131-3.015l5.146-2.69z");
}

:global .mxbw2-h {
  d: path("m11.997 3l4.426 6.901l-4.426 2.601z");
}

:global .ez1etzb {
  d: path("M11.998 3v9.502l-4.416-2.6z");
}

:global .l9fuyug {
  stop-color: #498be9;
}

:global .wwr-urb {
  stop-color: #56f2ff;
}

:global .uc8pwjb {
  stop-color: #4a8cea;
}

:global .v_b3vbh {
  stop-color: #5abef4;
}

:global .rpmmzqb {
  stop-color: #fb8174;
}

:global .qlg7jdi {
  stop-color: #568fdd;
}

:global .qmyd64f {
  stop-color: #ffe235;
}

:global .m1wfe7x {
  stop-color: #5dcba2;
}

</style>
