<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(#SVGnOtCTcZi)" class="zxn6lkb"/><path fill="url(#SVGT1bGXPGl)" class="vq25p1y"/><path fill="url(#SVGOqB6Hc5H)" class="g-frv3b"/><defs><linearGradient id="SVGnOtCTcZi" x1="5.808" x2="21.001" y1="9.86" y2="9.86" gradientUnits="userSpaceOnUse"><stop class="d-dv3wp"/><stop offset="1" class="hqux2ub"/></linearGradient><linearGradient id="SVGT1bGXPGl" x1="5.142" x2="19.209" y1="7.639" y2="7.639" gradientUnits="userSpaceOnUse"><stop class="h7d9t9b"/><stop offset="1" class="ev0xphb"/></linearGradient><linearGradient id="SVGOqB6Hc5H" x1="12.845" x2="9.29" y1="10.376" y2="16.666" gradientUnits="userSpaceOnUse"><stop class="koy37-q"/><stop offset="1" class="vhqm8_b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:vlxpad" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .zxn6lkb {
  d: path("M5.735 5.999H3l5 8.5l3.75-6L10.5 6l-2.3 4.1z");
}

:global .vq25p1y {
  d: path("M21 5.999H10.5l1.25 2.5h4.5l-.5 1H12l1 2.5h4z");
}

:global .g-frv3b {
  d: path("m13 12l-1-2.5l-3.25 5.75A26 26 0 0 1 10 18s1.906-3.9 3-6");
}

:global .d-dv3wp {
  stop-color: #0753f7;
}

:global .hqux2ub {
  stop-color: #02cbc5;
}

:global .h7d9t9b {
  stop-color: #02a7a1;
}

:global .ev0xphb {
  stop-color: #01e8ba;
}

:global .koy37-q {
  stop-color: #01dbc0;
}

:global .vhqm8_b {
  stop-color: #03acd3;
}

</style>
