<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(#SVGIKNA9XLm)" class="bf9twr1b"/><path fill="url(#SVG0rfgJg3s)" class="aabrqep"/><path fill="url(#SVGWUJJ2cIJ)" class="hjcuhbc"/><defs><linearGradient id="SVGIKNA9XLm" x1="12.002" x2="12.002" y1="3" y2="21.581" gradientUnits="userSpaceOnUse"><stop offset=".64" class="hvnjjbc"/><stop offset="1" class="gzi1x3l"/></linearGradient><linearGradient id="SVG0rfgJg3s" x1="3.289" x2="5.97" y1="4.596" y2="22.565" gradientUnits="userSpaceOnUse"><stop class="b89kg8h"/><stop offset=".77" class="pub9bhk"/></linearGradient><linearGradient id="SVGWUJJ2cIJ" x1="3.141" x2="12.309" y1="4.057" y2="13.875" gradientUnits="userSpaceOnUse"><stop class="qej7_ed"/><stop offset="1" class="qey_t1b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:shx" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .bf9twr1b {
  d: path("M8.35 3L3.31 20.385a.476.476 0 0 0 .447.615h16.49c.308 0 .529-.302.447-.61L15.776 3h-1.51l.245 1.161h-1.347V3H10.84v1.161H9.645L9.819 3H8.344z");
}

:global .aabrqep {
  d: path("m20.236 18.712l-8.222-4.366V3h1.15v1.161h1.353L14.273 3h1.51z");
}

:global .hjcuhbc {
  d: path("m3.78 18.712l8.222-4.366V3h-.825v1.161H9.493L9.743 3h-1.51z");
}

:global .hvnjjbc {
  stop-color: #054dc9;
}

:global .gzi1x3l {
  stop-color: #0b3299;
}

:global .b89kg8h {
  stop-color: #0556d9;
}

:global .pub9bhk {
  stop-color: #0a2993;
}

:global .qej7_ed {
  stop-color: #025ee3;
}

:global .qey_t1b {
  stop-color: #0e2fa2;
}

</style>
