<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(#SVGY789rdBR)" class="e8lz95g"/><path fill="url(#SVGmkGHGdlw)" class="s6o9ned"/><path class="z_cvouby"/><defs><linearGradient id="SVGY789rdBR" x1="4.964" x2="19.036" y1="12.165" y2="12.277" gradientUnits="userSpaceOnUse"><stop class="khjtt5b"/><stop offset="1" class="itw51nb"/></linearGradient><linearGradient id="SVGmkGHGdlw" x1="3" x2="19.036" y1="12.165" y2="12.165" gradientUnits="userSpaceOnUse"><stop class="ul_hf_q"/><stop offset="1" class="uo74thb"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:lumio" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .e8lz95g {
  d: path("m3 3.9l15.873 5.951v4.298L3 20.1z");
}

:global .s6o9ned {
  d: path("m3 7.206l15.873 2.645v4.298L3 16.794z");
}

:global .z_cvouby {
  fill: #fff;
  d: path("M18.873 14.149A2.14 2.14 0 0 0 21 12a2.14 2.14 0 0 0-2.127-2.149A2.14 2.14 0 0 0 16.746 12c0 1.187.952 2.149 2.127 2.149");
}

:global .khjtt5b {
  stop-color: #8d29c1;
  stop-opacity: 0;
}

:global .itw51nb {
  stop-color: #8d29c1;
}

:global .ul_hf_q {
  stop-color: #f03f79;
  stop-opacity: 0;
}

:global .uo74thb {
  stop-color: #f03f79;
}

</style>
