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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="km005bw"/><circle class="zefx0bz"/><path class="nw7_jrr"/><path class="xzh_l5b"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:magic-mirror-inside" {...props}></Icon>
<style>
:global .km005bw {
  cx: 7.5px;
  cy: 7.5px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .zefx0bz {
  cx: 40.5px;
  cy: 40.5px;
  r: 2px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .nw7_jrr {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M33.365 13.172L24 24l-9.365-10.828H7.5V40.5h31");
}

:global .xzh_l5b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M14.635 34.703V24L24 34.703l9.365-10.828v10.828H40.5V7.5h-31");
}

</style>
