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

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

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path clip-rule="evenodd" class="mgy0-xba"/><path fill="url(#SVGMJWoeeJe)" class="l2-injbl"/><defs><linearGradient id="SVGMJWoeeJe" x1="16.364" x2="7.908" y1="9" y2="9" gradientUnits="userSpaceOnUse"><stop class="lex-xrx"/><stop offset="1" class="d27g4ib"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:dafi" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .mgy0-xba {
  fill: #33363c;
  fill-rule: evenodd;
  d: path("M16.91 3a1.09 1.09 0 0 0-1.091 1.091v3.84a7.092 7.092 0 1 0 3.273 5.98V4.09A1.09 1.09 0 0 0 18 3zm-1.091 10.91a3.819 3.819 0 1 0-7.638 0a3.819 3.819 0 0 0 7.638 0");
}

:global .l2-injbl {
  d: path("M12 6.818a7.07 7.07 0 0 1 3.819 1.113v5.434h-.039a3.819 3.819 0 0 0-7.56 0H4.93A7.09 7.09 0 0 1 12 6.818");
}

:global .lex-xrx {
  stop-color: #222529;
}

:global .d27g4ib {
  stop-color: #131519;
  stop-opacity: 0;
}

</style>
