<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="32px" height="32px"><path fill-rule="evenodd" d="M5 16C5 9.925 9.925 5 16 5s11 4.925 11 11-4.925 11-11 11S5 22.075 5 16M16 3C8.82 3 3 8.82 3 16s5.82 13 13 13 13-5.82 13-13S23.18 3 16 3m-5.659 14.5a.5.5 0 0 0-.471.667 6.502 6.502 0 0 0 12.26 0 .5.5 0 0 0-.472-.667zm5.659 4a5.5 5.5 0 0 1-4.9-3h9.8a5.5 5.5 0 0 1-4.9 3m1.59-7.882a.5.5 0 0 0 .41.215h4a.5.5 0 0 0 .468-.675c-.367-.98-1.344-1.658-2.468-1.658s-2.101.678-2.468 1.658a.5.5 0 0 0 .057.46m-7.59.215a.5.5 0 0 1-.468-.675c.367-.98 1.344-1.658 2.468-1.658s2.101.678 2.468 1.658a.5.5 0 0 1-.468.675z"/></svg></template>
<script setup lang="ts">
/**
 * FeelingVerySatisfied32 is an SVG icon wrapped in a Vue component to make it easier to use.
 */
withDefaults(
  defineProps<{
    /**
     * Define the color of the icon.
     */
    color?: string;
  }>(),
  {
    color: 'currentColor',
  },
);
</script>
