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

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

const viewBox = {"width":48,"height":48};
const content = `<rect transform="rotate(90 24 24)" class="h5hghcb"/><path class="mig3t1b"/><path class="boow0ii"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:augmented-reality" {...props}></Icon>
<style>
:global .h5hghcb {
  width: 39px;
  height: 25px;
  x: 4.5px;
  y: 11.5px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 4px;
  ry: 4px;
}

:global .mig3t1b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M30.451 20.269L23.924 16.5l-6.485 3.742l6.527 3.77z");
}

:global .boow0ii {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("m23.966 24.012l-6.527-3.77v7.489l6.527 3.769zm6.485-3.743l-6.485 3.743V31.5l6.485-3.742z");
}

</style>
