<script>
import Icon from '@iconify/css-svelte';

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path class="cxduedc"/><path class="vy65urq"/><path class="eh9llwb"/><path fill="url(#SVG2QH2qc0z)" clip-rule="evenodd" class="u4q2ccch"/><path fill="url(#SVGHftjheTj)" clip-rule="evenodd" class="u3ozd10f"/><defs><linearGradient id="SVG2QH2qc0z" x1="16.175" x2="10.401" y1="10.109" y2="15.851" gradientUnits="userSpaceOnUse"><stop class="vn3u0ds"/><stop offset=".817" class="v3-h8rd"/></linearGradient><linearGradient id="SVGHftjheTj" x1="9.84" x2="14.306" y1="14.649" y2="10.948" gradientUnits="userSpaceOnUse"><stop class="ww89oac"/><stop offset="1" class="iz2x15b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:pros" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .cxduedc {
  fill: #fff;
  d: path("M21 3H3v18h18z");
}

:global .vy65urq {
  fill: #333;
  d: path("M3 3h18v18H3z");
}

:global .eh9llwb {
  fill: #5901f6;
  d: path("M21 3L3 21V3z");
}

:global .u4q2ccch {
  fill-rule: evenodd;
  d: path("m9.31 14.713l-.036-.034c-2.4-2.402-3.137-5.558-1.645-7.05s4.648-.756 7.049 1.645l.02.022l-.867.872l-.023-.024c-1.91-1.91-4.28-2.64-5.291-1.627c-1.012 1.012-.283 3.381 1.627 5.292l.033.033z");
}

:global .u3ozd10f {
  fill-rule: evenodd;
  d: path("m14.69 9.286l.036.034c2.4 2.402 3.137 5.558 1.645 7.05s-4.648.755-7.049-1.646l-.02-.021l.867-.872l.023.024c1.91 1.91 4.28 2.639 5.29 1.627c1.013-1.012.284-3.381-1.626-5.292l-.033-.033z");
}

:global .vn3u0ds {
  stop-color: #fbfcfa;
}

:global .v3-h8rd {
  stop-color: #9359fd;
  stop-opacity: .07;
}

:global .ww89oac {
  stop-color: #01fdfe;
}

:global .iz2x15b {
  stop-color: #01fdfe;
  stop-opacity: .06;
}

</style>
