<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path fill-rule="evenodd" d="M3.75 12a8.25 8.25 0 1 1 16.5 0 8.25 8.25 0 0 1-16.5 0M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25M7.756 13a.5.5 0 0 0-.472.667 5.002 5.002 0 0 0 9.431 0 .5.5 0 0 0-.471-.667zM12 16a4 4 0 0 1-3.465-2h6.93A4 4 0 0 1 12 16m1.09-5.715a.5.5 0 0 0 .41.215h3a.5.5 0 0 0 .468-.675C16.674 9.039 15.893 8.5 15 8.5s-1.674.54-1.968 1.325a.5.5 0 0 0 .057.46M7.5 10.5a.5.5 0 0 1-.468-.675C7.326 9.039 8.107 8.5 9 8.5s1.674.54 1.968 1.325a.5.5 0 0 1-.468.675z"/></svg></template>
<script setup lang="ts">
/**
 * FeelingVerySatisfied24 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>
