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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="zoi7e1bh"/><g class="y9tr6z"><ellipse class="tk06cg"/><ellipse class="o9555b"/><ellipse class="an1z1a"/><ellipse class="y2o2oi"/></g>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:brace" {...props}></Icon>
<style>
:global .zoi7e1bh {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M7.881 8.55v30.76c0 1.978 1.101 3.19 3.303 3.19h20.191c7.474 0 13.589-15.873 3.28-20.357c7.592-4.376 4.99-16.631-2.431-16.631c-5.067 0-21.528-.012-21.528-.012c-2.046 0-2.815.968-2.815 3.05");
}

:global .y9tr6z {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .tk06cg {
  cx: 17.132px;
  cy: 19.712px;
  rx: 3.644px;
  ry: 3.639px;
}

:global .o9555b {
  cx: 27.287px;
  cy: 19.712px;
  rx: 3.644px;
  ry: 3.639px;
}

:global .an1z1a {
  cx: 27.287px;
  cy: 29.944px;
  rx: 3.644px;
  ry: 3.639px;
}

:global .y2o2oi {
  cx: 17.132px;
  cy: 29.944px;
  rx: 3.644px;
  ry: 3.639px;
}

</style>
