<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(#SVGUBkpWdAI)" class="im_ga2y"/><path class="p27ofub"/><path class="jgna2mb"/><path class="uzpmbcc"/><defs><linearGradient id="SVGUBkpWdAI" x1="8.498" x2="16.127" y1="5.003" y2="18.841" gradientUnits="userSpaceOnUse"><stop class="xiq1gbb"/><stop offset="1" class="cyri1ob"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:lyxe" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .im_ga2y {
  d: path("m12 3l8 4.438v9.125L12 21l-8-4.438V7.438z");
}

:global .p27ofub {
  fill: #fff;
  d: path("M14.25 8H9.775L7.5 12h4.576z");
}

:global .jgna2mb {
  fill: #dadbda;
  d: path("m9.807 16l-2.283-4h4.526l2.244 4z");
}

:global .uzpmbcc {
  fill: #efeeee;
  d: path("m14.292 15.998l-2.244-3.992L14.25 8l2.248 4z");
}

:global .xiq1gbb {
  stop-color: #e59f9a;
}

:global .cyri1ob {
  stop-color: #6a3fba;
}

</style>
