<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(#SVGEoDrfQFe)" class="kz425hbm"/><path fill="url(#SVG3aEHNceO)" class="ifgbtacg"/><path clip-rule="evenodd" class="co5y28tv"/><defs><linearGradient id="SVGEoDrfQFe" x1="12" x2="7.45" y1="21" y2="11.698" gradientUnits="userSpaceOnUse"><stop class="x-cxkic"/><stop offset=".6" class="hkifvub"/><stop offset=".81" class="b5hrm9e"/><stop offset="1" class="bpzjenb"/></linearGradient><linearGradient id="SVG3aEHNceO" x1="16.511" x2="8.939" y1="12" y2="6.199" gradientUnits="userSpaceOnUse"><stop class="de3-g3f"/><stop offset=".5" class="srmr1yb"/><stop offset="1" class="klrwkdd"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:pec" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .kz425hbm {
  d: path("M12.69 18.131C12.286 19.816 10.805 21 9.103 21C6.837 21 5 19.128 5 16.82v-.3c0-1.697 1.284-2.815 2.968-3.073l6.087-.985z");
}

:global .ifgbtacg {
  d: path("M19 8.088c0 2.06-1.47 3.813-3.465 4.136l-7.567 1.223C6.284 13.705 5 14.823 5 16.52V7.09l.002-.032L5 7.181v1.936S6.426 5.3 13.091 3h1.273a4.6 4.6 0 0 1 3.278 1.384A4.77 4.77 0 0 1 19 7.725z");
}

:global .co5y28tv {
  fill: #81a1ee;
  fill-rule: evenodd;
  d: path("M13.092 3C6.426 5.299 5 9.117 5 9.117V7.18C5 4.872 6.836 3 9.102 3z");
}

:global .x-cxkic {
  stop-color: #81a1ee;
}

:global .hkifvub {
  stop-color: #6f90e5;
}

:global .b5hrm9e {
  stop-color: #4568d0;
}

:global .bpzjenb {
  stop-color: #1a3fba;
}

:global .de3-g3f {
  stop-color: #a4bdfa;
}

:global .srmr1yb {
  stop-color: #afc5fb;
}

:global .klrwkdd {
  stop-color: #cfddff;
}

</style>
