<script>
import Icon from '@iconify/css-svelte';

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":24,"height":24};
const content = `<g class="ft5dv1b6b"><path fill="url(#SVGWLkQu2eT)" clip-rule="evenodd" class="lgmx_ezil"/><defs><radialGradient id="SVGWLkQu2eT" cx="0" cy="0" r="1" gradientTransform="matrix(0 9 -9 0 12 12)" gradientUnits="userSpaceOnUse"><stop offset=".152" class="e_2-umb1f"/><stop offset=".247" class="uhpfn7b0c"/><stop offset=".344" class="mg2moo9so"/><stop offset=".488" class="i79ik-y1l"/><stop offset=".66" class="a83se-jqe"/><stop offset=".76" class="miyjgdbpq"/><stop offset=".871" class="fdjww1bxa"/><stop offset="1" class="kjqhrdxca"/></radialGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:tlos" {...props}></Icon>
<style>
:global(.a83se-jqe) {
  stop-color: var(--svg-color--954494, #954494);
}

:global(.e_2-umb1f) {
  stop-color: var(--svg-color--42a0b9, #42a0b9);
}

:global(.fdjww1bxa) {
  stop-color: var(--svg-color--7256ab, #7256ab);
}

:global(.ft5dv1b6b) {
  fill: none;
}

:global(.i79ik-y1l) {
  stop-color: var(--svg-color--3b74ce, #3b74ce);
}

:global(.kjqhrdxca) {
  stop-color: var(--svg-color--3d7dc7, #3d7dc7);
}

:global(.lgmx_ezil) {
  fill-rule: evenodd;
  d: path("M12 18a6 6 0 1 0 0-12a6 6 0 0 0 0 12m0 3a9 9 0 1 0 0-18a9 9 0 0 0 0 18");
}

:global(.mg2moo9so) {
  stop-color: var(--svg-color--6fc68f, #6fc68f);
}

:global(.miyjgdbpq) {
  stop-color: var(--svg-color--9a4290, #9a4290);
}

:global(.uhpfn7b0c) {
  stop-color: var(--svg-color--70c38d, #70c38d);
}

</style>
