<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 3m0 15.5a5.5 5.5 0 0 1 4.9 3h-9.8a5.5 5.5 0 0 1 4.9-3m0-1a6.5 6.5 0 0 0-6.13 4.333.5.5 0 0 0 .471.667h11.317a.5.5 0 0 0 .472-.667A6.5 6.5 0 0 0 16 17.5m-5.762-7.09a.5.5 0 0 1 .686-.172l3.333 2a.5.5 0 0 1-.099.903l-4 1.333a.5.5 0 1 1-.316-.948l2.969-.99-2.402-1.44a.5.5 0 0 1-.171-.687m11.319.704a.5.5 0 0 0-.447-.895l-4 2a.5.5 0 0 0 .086.928l4.667 1.334a.5.5 0 0 0 .274-.962l-3.43-.98z"/></svg></template>
<script setup lang="ts">
/**
 * FeelingVeryDissatisfied32 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>
