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

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

const viewBox = {"width":24,"height":24};
const content = `<circle class="q_8adng6z"/><circle class="yx5btw5wu"/><path class="ddn8teoow"/>`;
</script>
<Icon width={width} height={height} viewBox={viewBox} content={content} fallback="ic:baseline-sentiment-very-satisfied" {...props}></Icon>
<style>
:global(.ddn8teoow) {
  fill: var(--svg-color, currentColor);
  d: path("M11.99 2C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8s8 3.58 8 8s-3.58 8-8 8m-5-6c.78 2.34 2.72 4 5 4s4.22-1.66 5-4z");
}

:global(.q_8adng6z) {
  cx: 15.5px;
  cy: 9.5px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

:global(.yx5btw5wu) {
  cx: 8.5px;
  cy: 9.5px;
  r: 1.5px;
  fill: var(--svg-color, currentColor);
}

</style>
