<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(#SVGZujbQeTD)" class="d1xxmvbe"/><defs><linearGradient id="SVGZujbQeTD" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop class="vks2vub"/><stop offset="1" class="lbaw-pb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:kyve" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .d1xxmvbe {
  d: path("M3.964 21L7.77 3h3.446l-1.582 7.45h.624L15.992 3h4.044v.347l-6.892 8.486v.399l4.417 8.51V21h-3.844l-3.761-7.45h-.984L7.384 21z");
}

:global .vks2vub {
  stop-color: #151e1d;
}

:global .lbaw-pb {
  stop-color: #23584e;
}

</style>
