<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.25 10a6.75 6.75 0 1 1 13.5 0 6.75 6.75 0 0 1-13.5 0M10 1.75a8.25 8.25 0 1 0 0 16.5 8.25 8.25 0 0 0 0-16.5m0 10c1.15 0 2.161.598 2.74 1.5H7.26a3.25 3.25 0 0 1 2.74-1.5m0-1a4.25 4.25 0 0 0-4.008 2.833.5.5 0 0 0 .471.667h7.073a.5.5 0 0 0 .472-.667A4.25 4.25 0 0 0 10 10.75M6.238 6.41a.5.5 0 0 1 .686-.172l2.083 1.25a.5.5 0 0 1-.099.903l-2.5.833a.5.5 0 1 1-.316-.948l1.469-.49-1.152-.69a.5.5 0 0 1-.171-.687m7.319.704a.5.5 0 1 0-.447-.895l-2.5 1.25a.5.5 0 0 0 .086.928l2.917.834a.5.5 0 0 0 .274-.962l-1.68-.48z"/></svg></template>
<script setup lang="ts">
/**
 * FeelingVeryDissatisfied20 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>
