<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(#SVGrayvPe6y)" class="ialt0zyo"/><path fill="url(#SVG8NoWVAEJ)" class="u6m9bxyw"/><path fill="url(#SVGzOi2oc5Y)" class="ey7lpnbm"/><defs><linearGradient id="SVGrayvPe6y" x1="6.713" x2="18.084" y1="18.598" y2="13.719" gradientUnits="userSpaceOnUse"><stop class="ydnkg3b"/><stop offset=".48" class="rvpgdhd"/><stop offset="1" class="vcv28oj"/></linearGradient><linearGradient id="SVG8NoWVAEJ" x1="12.039" x2="12.039" y1="3" y2="21.005" gradientUnits="userSpaceOnUse"><stop class="p5-3vho"/><stop offset=".67" class="qi7ztxb"/></linearGradient><linearGradient id="SVGzOi2oc5Y" x1="21.19" x2="3.231" y1="14.434" y2="15.199" gradientUnits="userSpaceOnUse"><stop class="vp3k7gz"/><stop offset=".41" class="fud4csb"/><stop offset=".69" class="pcyga2t"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:emp" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .ialt0zyo {
  d: path("M8.626 14.25H3.282A9 9 0 0 1 3.001 12c0-4.973 3.988-9 8.91-9H21l-2.785 2.627l-.073-.034z");
}

:global .u6m9bxyw {
  d: path("M20.999 11.999A9 9 0 0 1 5.7 18.422l3.487-3.61A3.98 3.98 0 0 0 12 15.935a3.938 3.938 0 0 0 3.121-6.339l.253-.225l3.353-3.352a8.97 8.97 0 0 1 2.272 5.979");
}

:global .ey7lpnbm {
  d: path("M20.999 11.999A9 9 0 0 1 3.45 14.81h5.737l.287.253c.855.76 2.47 2.182 4.96 2.182c3.19 0 6.002-3.183 6.002-6.372c0-1.361-.281-2.503-.63-3.353A8.96 8.96 0 0 1 21 12");
}

:global .ydnkg3b {
  stop-color: #0031a5;
}

:global .rvpgdhd {
  stop-color: #009eef;
}

:global .vcv28oj {
  stop-color: #009dee;
}

:global .p5-3vho {
  stop-color: #00baff;
}

:global .qi7ztxb {
  stop-color: #05207d;
}

:global .vp3k7gz {
  stop-color: #03ddfe;
}

:global .fud4csb {
  stop-color: #0058c1;
}

:global .pcyga2t {
  stop-color: #00136c;
}

</style>
