<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-4.667 16.5a.5.5 0 0 0 0 1h9.334a.5.5 0 0 0 0-1zm1.334-7a.833.833 0 1 0 0 1.667.833.833 0 0 0 0-1.667m-1.834.833a1.833 1.833 0 1 1 3.667 0 1.833 1.833 0 0 1-3.667 0m7.667 0a.833.833 0 1 1 1.667 0 .833.833 0 0 1-1.667 0m.833-1.833a1.833 1.833 0 1 0 0 3.667 1.833 1.833 0 0 0 0-3.667"/></svg></template>
<script setup lang="ts">
/**
 * FeelingNeutral32 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>
