<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(#SVGa45fn1xG)" class="xc0q8hji"/><path fill="url(#SVGeSMZ7duN)" class="bo4qnubv"/><path fill="url(#SVG9FrgWbJb)" class="ci96ynir"/><defs><linearGradient id="SVGa45fn1xG" x1="18.088" x2="6.706" y1="5.118" y2="18.618" gradientUnits="userSpaceOnUse"><stop class="w0zcerj"/><stop offset="1" class="clduwlb"/></linearGradient><linearGradient id="SVGeSMZ7duN" x1="20.011" x2="3.772" y1="3.676" y2="13.615" gradientUnits="userSpaceOnUse"><stop class="ejk6yob"/><stop offset="1" class="h97swjb"/></linearGradient><linearGradient id="SVG9FrgWbJb" x1="7.31" x2="13.636" y1="17.829" y2="12.91" gradientUnits="userSpaceOnUse"><stop class="thaw_ob"/><stop offset="1" class="y5hx0gd"/></linearGradient></defs></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="token-branded:thor" {...props}></Icon>
<style>
:global .ft5dv1b {
  fill: none;
}

:global .xc0q8hji {
  d: path("M21 12a9 9 0 1 1-18 0a9 9 0 0 1 18 0m-9 8.47a8.47 8.47 0 1 0 0-16.94a8.47 8.47 0 0 0 0 16.94");
}

:global .bo4qnubv {
  d: path("m10.285 8.83l1.948 1.884l4.326-4.606l-6.274 2.716zm7.232-3.712l.307.413l-5.575 5.94l-2.895-2.806z");
}

:global .ci96ynir {
  d: path("m14.276 14.15l-1.996-1.912l-5.183 5.38zm-8.1 4.468l-.297-.424l6.385-6.723l2.912 2.848z");
}

:global .w0zcerj {
  stop-color: #37faf9;
}

:global .clduwlb {
  stop-color: #08acfc;
}

:global .ejk6yob {
  stop-color: #3efffa;
}

:global .h97swjb {
  stop-color: #29e0ee;
}

:global .thaw_ob {
  stop-color: #14aafe;
}

:global .y5hx0gd {
  stop-color: #1cd2f1;
}

</style>
