<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(#SVGnunAEbEW)" class="bkst3lk"/><defs><linearGradient id="SVGnunAEbEW" x1="12" x2="12" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop class="rd2ar6s"/><stop offset="1" class="l87ypnb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:tonic" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .bkst3lk {
  d: path("M3.6 3h10.8v4.8H3.6zm12 0h4.8v4.8h-4.8zm-1.2 6H9.6v12h4.8z");
}

:global .rd2ar6s {
  stop-color: #000d34;
}

:global .l87ypnb {
  stop-color: #42243d;
}

</style>
