<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(#SVGgUgOGbYv)" class="q2uxt_b"/><path fill="url(#SVGUDh47cWt)" class="h12mo0m"/><defs><linearGradient id="SVGgUgOGbYv" x1="6.003" x2="11.42" y1="4.444" y2="14.328" gradientUnits="userSpaceOnUse"><stop class="myjtigb"/><stop offset="1" class="u2si1hz"/></linearGradient><linearGradient id="SVGUDh47cWt" x1="5.229" x2="15.668" y1="5.571" y2="11.399" gradientUnits="userSpaceOnUse"><stop class="myjtigb"/><stop offset="1" class="u2si1hz"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:prx" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .q2uxt_b {
  d: path("M19.714 8.08L4.388 3.097l6.712 9.432z");
}

:global .h12mo0m {
  d: path("M7.475 14.854L4.286 21l8.949-5.945L4.286 3z");
}

:global .myjtigb {
  stop-color: #f504cb;
}

:global .u2si1hz {
  stop-color: #3f2ea0;
}

</style>
