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

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

const viewBox = {"width":48,"height":48};
const content = `<circle class="e--k2ab"/><path class="sz4bu-bz"/><path class="sjm_zjb"/><path class="hxqij6u"/><path class="g5qte_b"/><path class="w7dl28m"/><path class="h-3lv6b"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="arcticons:speakingpal" {...props}></Icon>
<style>
:global .e--k2ab {
  cx: 24px;
  cy: 24px;
  r: 21.5px;
  fill: none;
  stroke: currentColor;
  stroke-dasharray: 1 4;
  stroke-linecap: round;
  stroke-linejoin: round;
}

:global .sz4bu-bz {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M24 6.233a7.61 7.61 0 0 1 7.61 7.61v9.42a7.61 7.61 0 0 1-15.22 0v-9.42A7.61 7.61 0 0 1 24 6.233m2.94 28.65v6.245a.64.64 0 0 1-.63.64h-4.62a.64.64 0 0 1-.63-.64v-6.245");
}

:global .sjm_zjb {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M12.23 25.523a12 12 0 0 0 23.54 0");
}

:global .hxqij6u {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  d: path("M24 6.233v6.447m2.867-5.756v5.756m-5.734-5.685v5.685");
}

:global .g5qte_b {
  fill: none;
  stroke: currentColor;
  stroke-linejoin: round;
  d: path("M20.07 19.516h2.524s.281-2.565-1.278-2.565s-1.247 2.565-1.247 2.565Z");
}

:global .w7dl28m {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  d: path("M25.377 19.177a1.378 1.378 0 1 1 2.662-.713");
}

:global .h-3lv6b {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  d: path("M20.53 24.7c.855 1.726 3.597 3.35 5.308.06c.603-1.16.935-1.919 1.177-1.96c.15-.025.456.63.456.63");
}

</style>
