<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(#SVGZIwx9zvt)" class="wtumn5bb"/><defs><linearGradient id="SVGZIwx9zvt" x1="12.45" x2="9.75" y1="7.5" y2="15.6" gradientUnits="userSpaceOnUse"><stop class="nh9zixb"/><stop offset=".12" class="gmuspxb"/><stop offset=".18" class="g548x0b"/><stop offset=".24" class="aldw3lb"/><stop offset=".3" class="rxiughf"/><stop offset=".37" class="a7ed40x"/><stop offset=".45" class="pq07zpb"/><stop offset=".56" class="uhaw5mb"/><stop offset=".75" class="s14pmfb"/><stop offset=".91" class="dyy8_wb"/><stop offset="1" class="g_lj_qb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:pop" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .wtumn5bb {
  d: path("M6.15 13.8h12.6V8.4H21v7.2H6.15zm-.9 1.8H3V8.4h14.85v1.8H5.25zm12.6-2.7v-1.8H6.15v1.8z");
}

:global .nh9zixb {
  stop-color: #00bac9;
}

:global .gmuspxb {
  stop-color: #2060b2;
}

:global .g548x0b {
  stop-color: #7046b2;
}

:global .aldw3lb {
  stop-color: #cc83a1;
}

:global .rxiughf {
  stop-color: #663fa9;
}

:global .a7ed40x {
  stop-color: #3557b8;
}

:global .pq07zpb {
  stop-color: #8851b7;
}

:global .uhaw5mb {
  stop-color: #e096ac;
}

:global .s14pmfb {
  stop-color: #7443b7;
}

:global .dyy8_wb {
  stop-color: #8f48a9;
}

:global .g_lj_qb {
  stop-color: #c379ad;
}

</style>
