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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="uhn09cx"/><circle class="f57kq4f"/><path class="x1_b_8x"/><circle class="pqeal8z"/><circle class="rdnwuhn"/><circle class="x76f5l"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:camera360" {...props}></Icon>
<style>
:global .uhn09cx {
  cx: 24px;
  cy: 24px;
  r: 21.327px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .f57kq4f {
  cx: 24px;
  cy: 29.818px;
  r: 11.108px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .x1_b_8x {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M9.009 8.832c-1.925 1.397-2.177 5.939.767 7.411s5.803.42 7.318-1.598s11.143-13.113 18.293-8.68");
}

:global .pqeal8z {
  cx: 12.678px;
  cy: 11.995px;
  r: 2.439px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .rdnwuhn {
  cx: 20.622px;
  cy: 26.439px;
  r: 2.117px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .x76f5l {
  cx: 24px;
  cy: 29.818px;
  r: .75px;
  fill: currentColor;
}

</style>
