<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(#SVGD8ZAocSd)" class="w_kw0ug"/><path fill="url(#SVGai7pCdce)" class="i1xclcc"/><path class="cslfvpzl"/><defs><linearGradient id="SVGD8ZAocSd" x1="16.939" x2="6.927" y1="4.125" y2="19.714" gradientUnits="userSpaceOnUse"><stop offset=".16" class="z68kjmb"/><stop offset=".59" class="kzagv8b"/><stop offset="1" class="gqqmy2b"/></linearGradient><linearGradient id="SVGai7pCdce" x1="14.647" x2="12.33" y1="3.562" y2="7.379" gradientUnits="userSpaceOnUse"><stop offset=".07" class="bmj1-xb"/><stop offset="1" class="yz-12-b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:kzen" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .w_kw0ug {
  d: path("M12 20.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94");
}

:global .i1xclcc {
  d: path("M20.47 12a8.47 8.47 0 1 0-16.94 0a8.47 8.47 0 0 0 16.94 0");
}

:global .cslfvpzl {
  fill: #181b1e;
  d: path("M10.411 6.706H12v10.059h-1.588zm6.771-2.647l-.937-.985L16.187 3a14.54 14.54 0 0 0-3.129 8.958c0 3.43 1.191 6.58 3.177 9.042l1.058-1.048a13.04 13.04 0 0 1-2.694-7.994c0-2.954.958-5.729 2.583-7.9");
}

:global .z68kjmb {
  stop-color: #ffa3a3;
}

:global .kzagv8b {
  stop-color: #c50000;
}

:global .gqqmy2b {
  stop-color: #c50101;
}

:global .bmj1-xb {
  stop-color: #ff5353;
}

:global .yz-12-b {
  stop-color: #c50101;
  stop-opacity: 0;
}

</style>
