<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(#SVGF5Gycw6S)" class="wtm4ubc"/><path class="d9ty61km"/><path fill="url(#SVGF5Gycw6S)" class="qhkiu7b"/><defs><linearGradient id="SVGF5Gycw6S" x1="13.43" x2="11.63" y1="3.509" y2="20.234" gradientUnits="userSpaceOnUse"><stop class="u5s7-vo"/><stop offset=".44" class="y50m0ym"/><stop offset=".65" class="trg7_1o"/><stop offset=".82" class="lsz437b"/><stop offset="1" class="hydwaqa"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:cpool" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .wtm4ubc {
  d: path("M13.43 3a9 9 0 0 0 0 18z");
}

:global .d9ty61km {
  fill: #fff;
  d: path("M13.687 7.885a4.114 4.114 0 1 0 3.62 6.069l2.263 1.234a6.686 6.686 0 1 1 0-6.377l-2.263 1.234a4.11 4.11 0 0 0-3.62-2.16");
}

:global .qhkiu7b {
  d: path("M13.43 3a9 9 0 0 0 0 18z");
  opacity: .5;
}

:global .u5s7-vo {
  stop-color: #23b77f;
}

:global .y50m0ym {
  stop-color: #2857b3;
}

:global .trg7_1o {
  stop-color: #396cc6;
}

:global .lsz437b {
  stop-color: #5aa3ea;
}

:global .hydwaqa {
  stop-color: #92f5ea;
}

</style>
