<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(#SVGYQlaCcrW)" class="r3eiiyu"/><path fill="url(#SVGAItScecz)" class="pub8libr"/><path fill="url(#SVG2B9hGcqF)" class="ezzuhxi"/><path fill="url(#SVGsslLxdaF)" class="byxcsmf"/><defs><linearGradient id="SVGYQlaCcrW" x1="3" x2="21" y1="8.4" y2="15.983" gradientUnits="userSpaceOnUse"><stop class="utqu1uq"/><stop offset="1" class="w57e1cb"/></linearGradient><linearGradient id="SVGAItScecz" x1="3.205" x2="22.547" y1="7.868" y2="16.606" gradientUnits="userSpaceOnUse"><stop class="g9uir1q"/><stop offset="1" class="dn3fdgb"/></linearGradient><linearGradient id="SVG2B9hGcqF" x1="3" x2="21" y1="8.401" y2="15.984" gradientUnits="userSpaceOnUse"><stop class="qwu14mb"/><stop offset="1" class="ziflbto"/></linearGradient><linearGradient id="SVGsslLxdaF" x1="7.8" x2="12.6" y1="12.841" y2="14.863" gradientUnits="userSpaceOnUse"><stop class="t9n8n_l"/><stop offset="1" class="sidky5t"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:pixel" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .r3eiiyu {
  d: path("M7.8 16.2h4.8V21H7.8z");
}

:global .pub8libr {
  d: path("M12.6 3h1.878C18.078 3 21 5.922 21 9.528c0 3.6-2.922 6.672-6.528 6.672H7.8v-9h4.8v4.2h1.878c1.182 0 2.322-.918 2.322-2.1s-1.14-2.1-2.328-2.1H12.6z");
}

:global .ezzuhxi {
  d: path("M3 11.401h4.8v4.8H3z");
}

:global .byxcsmf {
  d: path("M7.8 11.401h4.8v4.8H7.8z");
}

:global .utqu1uq {
  stop-color: #3eff6e;
}

:global .w57e1cb {
  stop-color: #16ddde;
}

:global .g9uir1q {
  stop-color: #ff5b3c;
}

:global .dn3fdgb {
  stop-color: #ff3196;
}

:global .qwu14mb {
  stop-color: #ff6f3f;
}

:global .ziflbto {
  stop-color: #ffc546;
}

:global .t9n8n_l {
  stop-color: #e059fe;
}

:global .sidky5t {
  stop-color: #656fff;
}

</style>
