<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M3.5 10a6.5 6.5 0 1 1 13 0 6.5 6.5 0 0 1-13 0M10 1.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17m-3.537 9.25a.5.5 0 0 0-.471.667 4.252 4.252 0 0 0 8.016 0 .5.5 0 0 0-.472-.667zM10 13.25a3.25 3.25 0 0 1-2.74-1.5h5.48a3.25 3.25 0 0 1-2.74 1.5m.84-4.632a.5.5 0 0 0 .41.215h2.5a.5.5 0 0 0 .468-.675C13.96 7.47 13.278 7 12.5 7s-1.46.47-1.718 1.158a.5.5 0 0 0 .057.46m-4.59.215a.5.5 0 0 1-.468-.675C6.04 7.47 6.722 7 7.5 7c.777 0 1.46.47 1.718 1.158a.5.5 0 0 1-.468.675z"/></svg></template>
<script setup lang="ts">
/**
 * FeelingVerySatisfied20 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>
