<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(#SVGlUr1FH7J)" clip-rule="evenodd" class="sy6kbjfq"/><path fill="url(#SVGh4avr46C)" class="afazy16c"/><defs><linearGradient id="SVGlUr1FH7J" x1="4.825" x2="19.536" y1="4.355" y2="19.844" gradientUnits="userSpaceOnUse"><stop class="sayltra"/><stop offset=".53" class="zf8npfb"/><stop offset="1" class="ko3t1ab"/></linearGradient><linearGradient id="SVGh4avr46C" x1="8.413" x2="16.902" y1="7.571" y2="15.291" gradientUnits="userSpaceOnUse"><stop class="sayltra"/><stop offset=".53" class="zf8npfb"/><stop offset="1" class="ko3t1ab"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:theta" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .sy6kbjfq {
  fill-rule: evenodd;
  d: path("M16.737 3.947H7.263v16.106h9.474zm-10.421 0v16.106l.947.947h9.474l.947-.947V3.947L16.737 3H7.263z");
}

:global .afazy16c {
  d: path("M11.527 9.628H9.158v.948h5.684v-.948h-2.368V6.786h-.947zm0 4.737H9.158v-.947h5.684v.947h-2.368v2.842h-.947z");
}

:global .sayltra {
  stop-color: #2ab8e6;
}

:global .zf8npfb {
  stop-color: #29cad2;
}

:global .ko3t1ab {
  stop-color: #2ee4be;
}

</style>
