<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.5M32 37a11 11 0 0 1 9.8 6H22.2a11 11 0 0 1 9.8-6m0-2c-5.662 0-10.476 3.619-12.26 8.667A1 1 0 0 0 20.682 45h22.635a1 1 0 0 0 .942-1.333C42.476 38.619 37.662 35 32 35M20.476 20.819a1 1 0 0 1 1.372-.343l6.667 4a1 1 0 0 1-.199 1.806l-8 2.667a1 1 0 0 1-.632-1.898l5.937-1.979-4.802-2.881a1 1 0 0 1-.343-1.372m22.638 1.409a1 1 0 0 0-.894-1.79l-8 4a1 1 0 0 0 .172 1.857l9.333 2.666a1 1 0 1 0 .55-1.923l-6.862-1.96z"/></svg></template>
<script setup lang="ts">
/**
 * FeelingVeryDissatisfied64 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>
