<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path fill-rule="evenodd" d="M9.5 32C9.5 19.574 19.574 9.5 32 9.5S54.5 19.574 54.5 32 44.426 54.5 32 54.5 9.5 44.426 9.5 32M32 6.5C17.917 6.5 6.5 17.917 6.5 32S17.917 57.5 32 57.5 57.5 46.083 57.5 32 46.083 6.5 32 6.5M22.667 39a1 1 0 1 0 0 2h18.666a1 1 0 1 0 0-2zm2.666-14a1.667 1.667 0 1 0 0 3.333 1.667 1.667 0 0 0 0-3.333m-3.666 1.667a3.667 3.667 0 1 1 7.333 0 3.667 3.667 0 0 1-7.333 0m15.333 0a1.667 1.667 0 1 1 3.333 0 1.667 1.667 0 0 1-3.333 0M38.667 23a3.667 3.667 0 1 0 0 7.333 3.667 3.667 0 0 0 0-7.333"/></svg></template>
<script setup lang="ts">
/**
 * FeelingNeutral64 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>
