<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(#SVGjTxEig5t)" class="zew5yqo"/><path fill="url(#SVGFj6H3dKg)" class="ky5gt4q"/><path fill="url(#SVGofnIfdgq)" class="zyueaoh"/><defs><linearGradient id="SVGjTxEig5t" x1="22.199" x2="22.199" y1="-3.541" y2="21" gradientUnits="userSpaceOnUse"><stop class="a-xjj6b"/><stop offset="1" class="sqw8shb"/></linearGradient><linearGradient id="SVGFj6H3dKg" x1="12" x2="12" y1="3" y2="47.998" gradientUnits="userSpaceOnUse"><stop class="a-xjj6b"/><stop offset="1" class="sqw8shb"/></linearGradient><linearGradient id="SVGofnIfdgq" x1="12" x2="12" y1="3" y2="20.999" gradientUnits="userSpaceOnUse"><stop class="a-xjj6b"/><stop offset="1" class="sqw8shb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:blox" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .zew5yqo {
  d: path("M11.437 11.399L3 7.799v9L11.437 21z");
}

:global .ky5gt4q {
  d: path("M12 3L3.602 6.6L12 10.2l8.398-3.6z");
}

:global .zyueaoh {
  d: path("m21 7.5l-8.437 3.898v9.601L21 16.798z");
}

:global .a-xjj6b {
  stop-color: #84f9c8;
}

:global .sqw8shb {
  stop-color: #7fb7f6;
}

</style>
