<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(#SVGqglUTcaT)" class="j2vggfbk"/><path fill="url(#SVGbNUTtbeq)" class="s2b5o4bk"/><defs><linearGradient id="SVGqglUTcaT" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop class="aexanrm"/><stop offset="1" class="tr7says"/></linearGradient><linearGradient id="SVGbNUTtbeq" x1="11.999" x2="11.999" y1="3" y2="19.941" gradientUnits="userSpaceOnUse"><stop class="m6doajl"/><stop offset="1" class="k7-j9pb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:kap" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .j2vggfbk {
  d: path("M7.738 9.353L4.058 21l5.93-3.23l.323.18l-1.075-3.6l-.53 1.626l-.603-.265l.8-2.461zm8.439 0L19.94 21l-6.072-3.23l-.328.18l1.1-3.6l.54 1.626l.62-.265l-.82-2.461l1.201-3.897z");
}

:global .s2b5o4bk {
  d: path("m11.999 3l-2.647 8.195l2.647 8.746l2.647-8.746zm-1.859 8.211L12 5.441l1.858 5.77L12 17.326z");
}

:global .aexanrm {
  stop-color: #dba646;
}

:global .tr7says {
  stop-color: #d38b3e;
}

:global .m6doajl {
  stop-color: #dcac4a;
}

:global .k7-j9pb {
  stop-color: #cc7229;
}

</style>
