<script>
import Icon from '@iconify/css-svelte';

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path class="wzrx8rb"/><path class="nbkk21b"/><path class="j3h6cab"/><path class="nafnofo"/><path fill="url(#SVGdsoPMbVy)" class="r0a_zwbp"/><defs><linearGradient id="SVGdsoPMbVy" x1="14.98" x2="7.415" y1="9.14" y2="15.185" gradientUnits="userSpaceOnUse"><stop class="izwn2gb"/><stop offset=".42" class="s9_4ljb"/><stop offset=".65" class="pxjkobb"/><stop offset="1" class="us42i6n"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:dione" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .wzrx8rb {
  fill: #30128d;
  d: path("M12 21a9 9 0 1 0 0-18a9 9 0 0 0 0 18");
}

:global .nbkk21b {
  fill: #7d1fa9;
  d: path("M12 19.41a7.41 7.41 0 1 0 0-14.821a7.41 7.41 0 0 0 0 14.82");
}

:global .j3h6cab {
  fill: #fb88f3;
  d: path("M12 17.604a5.605 5.605 0 1 0 0-11.21a5.605 5.605 0 0 0 0 11.21");
}

:global .nafnofo {
  fill: #e7b2f8;
  d: path("M12 17.16a5.16 5.16 0 1 0 0-10.32a5.16 5.16 0 0 0 0 10.32");
}

:global .r0a_zwbp {
  d: path("M16.56 12.17c0 2.6-1.74 3.75-4.295 4.405c-1.135.295-2.085.165-2.915 0c-1.33-.265-2.045-1.2-2.435-2.5a3.3 3.3 0 0 1-.105-.99c0-1.885 2.46-5.61 5.05-5.61a4.7 4.7 0 0 1 4.7 4.7z");
}

:global .izwn2gb {
  stop-color: #6ddff4;
}

:global .s9_4ljb {
  stop-color: #10fdf7;
}

:global .pxjkobb {
  stop-color: #20dffb;
}

:global .us42i6n {
  stop-color: #688feb;
}

</style>
