<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(#SVGqijtqblU)" class="xq8ldfkf"/><path fill="url(#SVGdfv5pK0T)" class="dae52pb"/><path fill="url(#SVGU6lmWc1A)" class="bem-hac"/><path fill="url(#SVGPB9jNmhD)" class="zs5b07f"/><defs><linearGradient id="SVGqijtqblU" x1="11.997" x2="11.997" y1="3" y2="21.006" gradientUnits="userSpaceOnUse"><stop class="l9fuyug"/><stop offset="1" class="wwr-urb"/></linearGradient><linearGradient id="SVGdfv5pK0T" x1="11.996" x2="11.996" y1="3.015" y2="20.999" gradientUnits="userSpaceOnUse"><stop class="uc8pwjb"/><stop offset=".7" class="v_b3vbh"/></linearGradient><linearGradient id="SVGU6lmWc1A" x1="13.325" x2="10.874" y1="13.006" y2="21.729" gradientUnits="userSpaceOnUse"><stop class="rpmmzqb"/><stop offset=".56" class="qlg7jdi"/></linearGradient><linearGradient id="SVGPB9jNmhD" x1="8.531" x2="9.328" y1="7.767" y2="11.618" gradientUnits="userSpaceOnUse"><stop class="qmyd64f"/><stop offset=".61" class="m1wfe7x"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:ldo" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .xq8ldfkf {
  d: path("m11.997 14.129l-5.106-3l-.144.22a6.32 6.32 0 0 0 .846 7.816a6.2 6.2 0 0 0 8.808 0a6.296 6.296 0 0 0 .847-7.816l-.145-.22z");
}

:global .dae52pb {
  d: path("m17.078 11.14l-5.066 2.978L6.91 11.14l5.1-2.69z");
}

:global .bem-hac {
  d: path("m12.002 3l4.404 6.95l-4.404 2.585z");
}

:global .zs5b07f {
  d: path("M12.002 3v9.535L7.6 9.945z");
}

:global .l9fuyug {
  stop-color: #498be9;
}

:global .wwr-urb {
  stop-color: #56f2ff;
}

:global .uc8pwjb {
  stop-color: #4a8cea;
}

:global .v_b3vbh {
  stop-color: #5abef4;
}

:global .rpmmzqb {
  stop-color: #fb8174;
}

:global .qlg7jdi {
  stop-color: #568fdd;
}

:global .qmyd64f {
  stop-color: #ffe235;
}

:global .m1wfe7x {
  stop-color: #5dcba2;
}

</style>
