<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(#SVGXwBZNc0L)" class="qe49nwx"/><path fill="url(#SVGaxgDpTIp)" class="m4d9sab"/><path class="xeh7vjb"/><defs><linearGradient id="SVGXwBZNc0L" x1="12" x2="12" y1="3.241" y2="20.713" gradientUnits="userSpaceOnUse"><stop class="vefhu5b"/><stop offset="1" class="q1bq9ub"/></linearGradient><linearGradient id="SVGaxgDpTIp" x1="-1.288" x2="16.084" y1="7.865" y2="25.881" gradientUnits="userSpaceOnUse"><stop class="vefhu5b"/><stop offset=".739" class="q1bq9ub"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:klv" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .qe49nwx {
  d: path("M21 20.678h-8.666L21 12.321z");
}

:global .m4d9sab {
  d: path("M21 20.678H3V3.321z");
}

:global .xeh7vjb {
  fill: #000;
  d: path("M21 20.678L16.665 16.5l1-.964z");
  opacity: .14;
}

:global .vefhu5b {
  stop-color: #ff4681;
}

:global .q1bq9ub {
  stop-color: #9b44f6;
}

</style>
