<script>
import Icon from '@iconify/css-svelte';

let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b"><path class="izhqidc"/><path fill="url(#SVGyI4LidcA)" class="p_s2j7v"/><path fill="url(#SVGRY4WfdNm)" class="rvac9pb"/><defs><linearGradient id="SVGyI4LidcA" x1="13.086" x2="13.451" y1="4.147" y2="19.425" gradientUnits="userSpaceOnUse"><stop class="bvjq4te"/><stop offset="1" class="i3l5eph"/></linearGradient><linearGradient id="SVGRY4WfdNm" x1="12.157" x2="3.456" y1="4.125" y2="18.12" gradientUnits="userSpaceOnUse"><stop class="rfr-sbc"/><stop offset="1" class="b107onb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:arpa" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .izhqidc {
  fill: #5a5967;
  d: path("M3.967 19.875L3 18.188h14.152L12 9.165l.95-1.67l7.054 12.38z");
}

:global .p_s2j7v {
  d: path("M12.945 4.125L5.87 16.5H7.8l5.146-9l7.06 12.375L21 18.17z");
}

:global .rvac9pb {
  d: path("m3 18.187l8.078-14.062h1.873L5.863 16.5h10.328l.961 1.687z");
}

:global .bvjq4te {
  stop-color: #cbcccd;
}

:global .i3l5eph {
  stop-color: #939493;
}

:global .rfr-sbc {
  stop-color: #dcebf5;
}

:global .b107onb {
  stop-color: #b9c6cc;
}

</style>
