<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="M32 9.5C19.574 9.5 9.5 19.574 9.5 32S19.574 54.5 32 54.5h2.594c3.124 0 4.297-4.09 1.648-5.746-4.241-2.651-3.675-8.996.97-10.854l14.878-5.952c1.51-.603 2.36-1.985 2.159-3.323C52.62 17.8 43.279 9.5 32 9.5M6.5 32C6.5 17.917 17.917 6.5 32 6.5c12.785 0 23.37 9.408 25.215 21.679.448 2.975-1.47 5.539-4.01 6.555l-14.88 5.951c-2.363.946-2.652 4.175-.493 5.524 5.205 3.254 2.9 11.291-3.238 11.291H32C17.917 57.5 6.5 46.083 6.5 32m14.833-9.667a1.667 1.667 0 1 0 0 3.334 1.667 1.667 0 0 0 0-3.334M17.667 24A3.667 3.667 0 1 1 25 24a3.667 3.667 0 0 1-7.333 0m0 12A1.667 1.667 0 1 1 21 36a1.667 1.667 0 0 1-3.333 0m1.666-3.667a3.667 3.667 0 1 0 0 7.334 3.667 3.667 0 0 0 0-7.334M32 17a1.667 1.667 0 1 0 0 3.333A1.667 1.667 0 0 0 32 17m-3.667 1.667a3.667 3.667 0 1 1 7.334 0 3.667 3.667 0 0 1-7.334 0M41 24a1.667 1.667 0 1 1 3.333 0A1.667 1.667 0 0 1 41 24m1.667-3.667a3.667 3.667 0 1 0 0 7.334 3.667 3.667 0 0 0 0-7.334"/></svg></template>
<script setup lang="ts">
/**
 * Palette64 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>
