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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="uoip80b"/><rect class="dzk6vab"/><rect class="is1f_kd"/><rect class="jtqhs9t"/><rect class="cej_r1b"/><path class="jc0qmhb"/><ellipse class="hk6gqgu"/><path class="vqez93q"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:openmensa" {...props}></Icon>
<style>
:global .uoip80b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 4.5a11.84 11.84 0 0 0-11.84 11.84v18.6A1.84 1.84 0 0 0 14 36.78h20a1.84 1.84 0 0 0 1.84-1.84v-18.6A11.84 11.84 0 0 0 24 4.5");
}

:global .dzk6vab {
  width: 6.62px;
  height: 16.65px;
  x: 5.53px;
  y: 16.34px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .92px;
}

:global .is1f_kd {
  width: 6.63px;
  height: 16.65px;
  x: 35.84px;
  y: 16.34px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .92px;
}

:global .jtqhs9t {
  width: 6.63px;
  height: 6.63px;
  x: 14.63px;
  y: 36.87px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .92px;
}

:global .cej_r1b {
  width: 6.63px;
  height: 6.63px;
  x: 26.74px;
  y: 36.87px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: .92px;
}

:global .jc0qmhb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M27.73 20.82v-4.2m-2.21 4.39v-4.39m4.27 4.2v-4.2m2.22 4.39v-4.39M32 21a3.25 3.25 0 1 1-6.49 0");
}

:global .hk6gqgu {
  cx: 19.23px;
  cy: 20.47px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  rx: 3.29px;
  ry: 3.85px;
}

:global .vqez93q {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M19.23 33.32v-9.01m9.54 9.01v-9.01");
}

</style>
