<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(#SVGM6grvbKY)" class="db4brod"/><defs><linearGradient id="SVGM6grvbKY" x1="6.072" x2="18.021" y1="4.906" y2="18.289" gradientUnits="userSpaceOnUse"><stop class="pig68oe"/><stop offset=".25" class="qsdd8gm"/><stop offset=".51" class="p1r3v5g"/><stop offset=".73" class="xq0fx4i"/><stop offset="1" class="zlvy3nb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:topia" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .db4brod {
  d: path("M3.6 3h6.6v6h3.6V3h6.6v18h-6.6v-6h-3.6v6H3.6z");
}

:global .pig68oe {
  stop-color: #ffa708;
}

:global .qsdd8gm {
  stop-color: #d9fe35;
}

:global .p1r3v5g {
  stop-color: #9cfdde;
}

:global .xq0fx4i {
  stop-color: #e4b685;
}

:global .zlvy3nb {
  stop-color: #f66aff;
}

</style>
