<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(#SVG405vMwoP)" class="hgjrwry"/><path class="tebog8b"/><path class="ym0rstbs"/><path class="bmlu8rb"/><path fill="url(#SVGm1GdcdDA)" class="s9y0whu"/><path class="qdorgdb"/><path class="ep2hr7bz"/><defs><linearGradient id="SVG405vMwoP" x1="12.287" x2="12.287" y1="3.01" y2="20.991" gradientUnits="userSpaceOnUse"><stop class="awuqz1c"/><stop offset="1" class="pbby39b"/></linearGradient><linearGradient id="SVGm1GdcdDA" x1="11.995" x2="11.995" y1="3.01" y2="20.99" gradientUnits="userSpaceOnUse"><stop class="awuqz1c"/><stop offset="1" class="pbby39b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:mana" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .hgjrwry {
  d: path("M9.206 6.863v7.706h6.637z");
}

:global .tebog8b {
  fill: #fff;
  d: path("M3 14.569h6.206V6.863z");
}

:global .ym0rstbs {
  fill: #ff2d55;
  d: path("M6.251 19.064a10.7 10.7 0 0 0 6.165 1.926c2.312 0 4.449-.717 6.165-1.926z");
}

:global .bmlu8rb {
  fill: #ffbc5b;
  d: path("M3 14.57c.32.687.722 1.334 1.197 1.926H15.93v-1.927z");
}

:global .s9y0whu {
  d: path("M16.29 12v5.78H21z");
}

:global .qdorgdb {
  fill: #fff;
  d: path("M11.584 17.78h4.706V12z");
}

:global .ep2hr7bz {
  fill: #ffc95b;
  d: path("M16.29 9.688a2.568 2.568 0 1 0 0-5.137a2.568 2.568 0 0 0 0 5.137m-7.084-4.11a1.284 1.284 0 1 0 0-2.568a1.284 1.284 0 0 0 0 2.568");
}

:global .awuqz1c {
  stop-color: #a524b3;
}

:global .pbby39b {
  stop-color: #ff2d55;
}

</style>
