<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(#SVGfNrTEc9c)" class="p82novbt"/><path fill="url(#SVGNOgFdecD)" class="mydrw24d"/><defs><linearGradient id="SVGfNrTEc9c" x1="2.998" x2="19.05" y1="12.163" y2="12.092" gradientUnits="userSpaceOnUse"><stop class="q16f7ib"/><stop offset="1" class="ml0nx9m"/></linearGradient><linearGradient id="SVGNOgFdecD" x1="3.001" x2="19.05" y1="15.425" y2="15.319" gradientUnits="userSpaceOnUse"><stop class="x5bt15j"/><stop offset="1" class="r-ldtdh"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:para" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .p82novbt {
  d: path("m3.923 9.87l7.996 4.318c.394.214.878.214 1.271 0l6.889-3.728a1.7 1.7 0 0 0 0-3.02L12.206 3.2a1.64 1.64 0 0 0-1.563 0L3.917 6.855a1.698 1.698 0 0 0 0 3.014z");
}

:global .mydrw24d {
  d: path("m5.622 12.58l6.377 3.374c.422.225.939.225 1.35-.017l4.909-2.828l1.816.978a1.698 1.698 0 0 1 0 3.02l-6.883 3.728a1.32 1.32 0 0 1-1.27 0l-7.997-4.313a1.697 1.697 0 0 1-.006-3.02z");
}

:global .q16f7ib {
  stop-color: #02daff;
}

:global .ml0nx9m {
  stop-color: #5414f1;
}

:global .x5bt15j {
  stop-color: #fecf7b;
}

:global .r-ldtdh {
  stop-color: #ef26a8;
}

</style>
