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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="jpqa3-bb"/><circle class="ip2prl"/><circle class="plt9sv"/><circle class="h9givj"/><circle class="pfqivx"/><circle class="uxh44y"/><circle class="f1v6gz"/><circle class="e5mznq"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:vr-offshore" {...props}></Icon>
<style>
:global .jpqa3-bb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.834 4.62c-2.569 1.209-8.487 7.101-10.325 10.652S17.16 21.92 17.16 21.92a9.5 9.5 0 0 0 2.795 2.493a13 13 0 0 0 3.4 1.133s4.004-5.44 4.532-7.026s3.098-8.536 2.947-13.9");
}

:global .ip2prl {
  cx: 18.973px;
  cy: 25.903px;
  r: .75px;
  fill: currentColor;
}

:global .plt9sv {
  cx: 18.299px;
  cy: 29.479px;
  r: .75px;
  fill: currentColor;
}

:global .h9givj {
  cx: 21.416px;
  cy: 31.575px;
  r: .75px;
  fill: currentColor;
}

:global .pfqivx {
  cx: 24.488px;
  cy: 33.59px;
  r: .75px;
  fill: currentColor;
}

:global .uxh44y {
  cx: 27.459px;
  cy: 35.655px;
  r: .75px;
  fill: currentColor;
}

:global .f1v6gz {
  cx: 28.517px;
  cy: 39.142px;
  r: .75px;
  fill: currentColor;
}

:global .e5mznq {
  cx: 29.625px;
  cy: 42.63px;
  r: .75px;
  fill: currentColor;
}

</style>
