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

let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<circle class="xul6ieb"/><circle class="h8vvclb"/><circle class="rsla9px"/><circle class="qva93qm"/><circle class="vxu833u"/><circle class="jdpe3zv"/><circle class="pfv9gbb"/><path class="l33ns8bh"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:planisphere" {...props}></Icon>
<style>
:global .xul6ieb {
  cx: 12.883px;
  cy: 23.018px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .h8vvclb {
  cx: 20.629px;
  cy: 24.642px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .rsla9px {
  cx: 28.056px;
  cy: 24.642px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .qva93qm {
  cx: 30.633px;
  cy: 31.825px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .vxu833u {
  cx: 6.25px;
  cy: 29.475px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .jdpe3zv {
  cx: 41.75px;
  cy: 26.875px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .pfv9gbb {
  cx: 40.7px;
  cy: 16.175px;
  r: 1.75px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .l33ns8bh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M22.356 24.915a29 29 0 0 0 3.978.03M14.55 23.54a44 44 0 0 0 4.339.955M7.48 28.231l4.124-4.02m17.011 2.088l1.418 3.882m10.838-12.265l.707 7.209m-9.347 5.989l7.922-3.528m-.907-10.437l-9.736 6.519");
}

</style>
