<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(#SVGRNAOTEHI)" class="a3hadur"/><defs><radialGradient id="SVGRNAOTEHI" cx="0" cy="0" r="1" gradientTransform="translate(16.086 7.84)scale(-15.2029)" gradientUnits="userSpaceOnUse"><stop offset=".007" class="y03epqv"/><stop offset=".191" class="y5aj0kb"/><stop offset=".498" class="oy8tvxb"/><stop offset=".667" class="gsn29vb"/><stop offset=".823" class="uqib9yb"/><stop offset="1" class="n9yx69n"/></radialGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:zora" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .a3hadur {
  d: path("M12 21a9 9 0 1 1 0-18a9 9 0 0 1 0 18");
}

:global .y03epqv {
  stop-color: #f2cefe;
}

:global .y5aj0kb {
  stop-color: #afbaf1;
}

:global .oy8tvxb {
  stop-color: #4281d3;
}

:global .gsn29vb {
  stop-color: #2e427d;
}

:global .uqib9yb {
  stop-color: #230101;
}

:global .n9yx69n {
  stop-color: #8f6b40;
}

</style>
