<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(#tokenBrandedAlpha0)" class="h4l2lbc"/><path fill="url(#tokenBrandedAlpha1)" class="iqcqclb"/><path class="n0mqylb"/><defs><linearGradient id="tokenBrandedAlpha0" x1="12" x2="12" y1="2" y2="22" gradientUnits="userSpaceOnUse"><stop class="ulcqq4v"/><stop offset=".73" class="uou0scc"/></linearGradient><linearGradient id="tokenBrandedAlpha1" x1="5.8" x2="9.852" y1="20.625" y2="3.477" gradientUnits="userSpaceOnUse"><stop class="l3814ol"/><stop offset="1" class="njluz3b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:alpha" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .h4l2lbc {
  d: path("M12 2v7.481l1.375 3.375L12 11.713v3.593l.043.044A26.8 26.8 0 0 0 20.126 22z");
}

:global .iqcqclb {
  d: path("M12 2v7.481l-1.375 3.375L12 11.713v3.593l-.044.044A26.8 26.8 0 0 1 3.875 22z");
}

:global .n0mqylb {
  fill: #F5CC02;
  d: path("M12 20.125a1.875 1.875 0 1 0 0-3.75a1.875 1.875 0 0 0 0 3.75");
}

:global .ulcqq4v {
  stop-color: #F5F6F8;
}

:global .uou0scc {
  stop-color: #B6B8CB;
}

:global .l3814ol {
  stop-color: #F8F8FA;
}

:global .njluz3b {
  stop-color: #A6A8BF;
}

</style>
