<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(#SVGqTUoocfR)" clip-rule="evenodd" class="k6ac-hve"/><defs><linearGradient id="SVGqTUoocfR" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop class="d_iqneb"/><stop offset="1" class="bxabisb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:rndr" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .k6ac-hve {
  fill-rule: evenodd;
  d: path("M12 3.562a8.437 8.437 0 1 1-6.806 3.454a1.682 1.682 0 0 0 2.869-1.204a1.687 1.687 0 1 0-3.212.72A9 9 0 1 0 12.001 3zM6.375 6.937a1.125 1.125 0 1 0 0-2.25a1.125 1.125 0 0 0 0 2.25m5.625 9a3.937 3.937 0 1 0 0-7.874a3.937 3.937 0 0 0 0 7.874");
}

:global .d_iqneb {
  stop-color: #e92121;
}

:global .bxabisb {
  stop-color: #9c0403;
}

</style>
