<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(#SVGk5B5mchG)" class="cxu8qzbz"/><defs><linearGradient id="SVGk5B5mchG" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop class="sa-qazb"/><stop offset=".191" class="j30vgvb"/><stop offset=".386" class="v5bs-db"/><stop offset=".579" class="hnjfg_b"/><stop offset=".8" class="qz7lu8b"/><stop offset="1" class="vzcpbrs"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:pib" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .cxu8qzbz {
  d: path("M5 10.232V7.045l3.574-2.033l2.755 1.582zM11.75 3L9 4.681l6.5 3.69V5.132zM16 12.82V5.399l3 1.64V11.2zm2.999 2.067v-3.194l-6.3 3.639l2.734 1.658zM8.5 16.777v-3.219L15 17.27L12.25 19zM5 19.364v-6.708L8 11v10zm5-9.686L12 8.5l2 1.178v2.555L12 13.5l-2-1.267z");
}

:global .sa-qazb {
  stop-color: #8cb69d;
}

:global .j30vgvb {
  stop-color: #a2c98a;
}

:global .v5bs-db {
  stop-color: #c1a879;
}

:global .hnjfg_b {
  stop-color: #df6b83;
}

:global .qz7lu8b {
  stop-color: #6e7cb4;
}

:global .vzcpbrs {
  stop-color: #7270af;
}

</style>
