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

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

const viewBox = {"width":48,"height":48};
const content = `<path class="j2-392ww"/><circle class="d7yi_mb"/><circle class="mvl5fd"/><path class="ttsso-b"/><circle class="afo-abb"/><circle class="fvg2ck"/><path class="ezec3nbx"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:monocles-chat" {...props}></Icon>
<style>
:global .j2-392ww {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24.004 27.816s1.342-1.052 2.164-.65c2.756 1.347 3.96 5.414 9.71 2.302c-3.924 7.14-10.172 4.097-11.874 1.598c-1.701 2.5-7.95 5.541-11.873-1.598c5.749 3.112 6.954-.955 9.71-2.303c.821-.401 2.163.651 2.163.651m13.419-.473v-4.941");
}

:global .d7yi_mb {
  cx: 30.826px;
  cy: 19.381px;
  r: 3.742px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .mvl5fd {
  cx: 37.423px;
  cy: 19.381px;
  r: .75px;
  fill: currentColor;
}

:global .ttsso-b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.578 27.343v-4.941");
}

:global .afo-abb {
  cx: 17.174px;
  cy: 19.381px;
  r: 3.742px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .fvg2ck {
  cx: 10.578px;
  cy: 19.381px;
  r: .75px;
  fill: currentColor;
}

:global .ezec3nbx {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M2.5 24C2.5 12.126 12.126 2.5 24 2.5S45.5 12.126 45.5 24h0c0 11.874-9.626 21.5-21.5 21.5a21.6 21.6 0 0 1-10.327-2.637l-9.638 1.102l1.102-9.638A21.6 21.6 0 0 1 2.5 24");
}

</style>
