<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.187 19.167a5.502 5.502 0 0 1 10.374 0 .5.5 0 1 0 .943-.334 6.502 6.502 0 0 0-12.26 0 .5.5 0 1 0 .943.334M9.825 13.8a.5.5 0 0 0 .643-.292c.215-.574.809-1.009 1.532-1.009s1.317.435 1.532 1.009a.5.5 0 0 0 .936-.351c-.367-.98-1.344-1.658-2.468-1.658s-2.101.678-2.468 1.658a.5.5 0 0 0 .293.644m8.643-.292a.5.5 0 0 1-.936-.351c.367-.98 1.344-1.658 2.468-1.658s2.101.678 2.468 1.658a.5.5 0 0 1-.936.35c-.215-.573-.809-1.008-1.532-1.008s-1.317.435-1.532 1.009"/></svg></template>
<script setup lang="ts">
/**
 * FeelingDissatisfied32 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>
