<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="awmkk7b"/><path fill="url(#SVGshIH3bLw)" class="i8ckexi"/><path fill="url(#SVG79a9t8Zj)" class="b5mglln"/><path class="k7f0oob"/><path fill="url(#SVGl5YsEcTZ)" class="bi0veoy"/><defs><linearGradient id="SVGshIH3bLw" x1="12" x2="12" y1="5.5" y2="18.5" gradientUnits="userSpaceOnUse"><stop class="ja4k_bb"/><stop offset=".36" class="vickixm"/><stop offset=".65" class="mxg912p"/><stop offset="1" class="upn9vhi"/></linearGradient><linearGradient id="SVG79a9t8Zj" x1="12" x2="12" y1="5.5" y2="18.5" gradientUnits="userSpaceOnUse"><stop offset=".06" class="l8agn9b"/><stop offset=".39" class="kd4jx2b"/><stop offset="1" class="nu56ryl"/></linearGradient><linearGradient id="SVGl5YsEcTZ" x1="12" x2="12" y1="5.5" y2="12.2" gradientUnits="userSpaceOnUse"><stop class="ih4_m-b"/><stop offset=".38" class="zifspoi"/><stop offset=".93" class="p93x83b"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:gg" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .awmkk7b {
  fill: #5f2596;
  d: path("M3 16.875V10.6l3 1.56v6.325z");
}

:global .i8ckexi {
  d: path("M21 16.875V10.6l-3 1.56v6.325z");
}

:global .b5mglln {
  d: path("M12 15.06L6 18.5v-6.3l6-3.38z");
}

:global .k7f0oob {
  fill: #5e2693;
  d: path("m12 15.06l6 3.44v-6.3l-6-3.38z");
}

:global .bi0veoy {
  d: path("m6 12.2l-3-1.61l8.98-5.09L21 10.59l-3 1.61l-6.005-3.35z");
}

:global .ja4k_bb {
  stop-color: #f17750;
}

:global .vickixm {
  stop-color: #e26891;
}

:global .mxg912p {
  stop-color: #d45ac7;
}

:global .upn9vhi {
  stop-color: #b071d9;
}

:global .l8agn9b {
  stop-color: #ef7c3b;
}

:global .kd4jx2b {
  stop-color: #ea6d75;
}

:global .nu56ryl {
  stop-color: #b961dc;
}

:global .ih4_m-b {
  stop-color: #eec985;
}

:global .zifspoi {
  stop-color: #fdbd4d;
}

:global .p93x83b {
  stop-color: #fca143;
}

</style>
