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

/** @type {{width?: string; height?: string;}} */
let {width, height, ...props} = $props();

const viewBox = {"width":48,"height":48};
const content = `<path class="j2-392war"/><circle class="d7yi_mb3x"/><circle class="gfcnr9baa"/><path class="ttsso-bur"/><circle class="afo-abbfz"/><circle class="djkanpb0o"/><path class="ezec3nb3g"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:monocles-chat" {...props}></Icon>
<style>
:global(.afo-abbfz) {
  cx: 17.174px;
  cy: 19.381px;
  r: 3.742px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
}

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

:global(.djkanpb0o) {
  cx: 10.578px;
  cy: 19.381px;
  r: 0.75px;
  fill: currentColor;
}

:global(.ezec3nb3g) {
  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");
}

:global(.gfcnr9baa) {
  cx: 37.423px;
  cy: 19.381px;
  r: 0.75px;
  fill: currentColor;
}

:global(.j2-392war) {
  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(.ttsso-bur) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M10.578 27.343v-4.941");
}

</style>
