<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(#SVG8P97fbFa)" class="j1omzybt"/><defs><linearGradient id="SVG8P97fbFa" x1="5.332" x2="18.791" y1="18.567" y2="7.92" gradientUnits="userSpaceOnUse"><stop class="lmn30wr"/><stop offset="1" class="uewn_sb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:kompete" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .j1omzybt {
  d: path("M3.643 21V3H7.5v7.45L14.65 3h5.708l-7.695 7.81L20.357 21h-5.142l-5.362-7.335L7.5 16.05V21z");
}

:global .lmn30wr {
  stop-color: #090909;
}

:global .uewn_sb {
  stop-color: #6c0c0d;
}

</style>
