<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="M16 5C9.925 5 5 9.925 5 16s4.925 11 11 11h1.297c1.31 0 1.803-1.716.692-2.411-2.295-1.434-1.988-4.866.524-5.871l7.44-2.976c.668-.267 1.004-.86.924-1.392C26.081 9.058 21.514 5 16 5M3 16C3 8.82 8.82 3 16 3c6.518 0 11.914 4.796 12.855 11.052.244 1.624-.804 3.005-2.16 3.547l-7.44 2.976c-.991.397-1.112 1.752-.207 2.318 2.816 1.76 1.57 6.107-1.751 6.107H16C8.82 29 3 23.18 3 16m7.667-4.833a.833.833 0 1 0 0 1.666.833.833 0 0 0 0-1.666M8.833 12a1.833 1.833 0 1 1 3.667 0 1.833 1.833 0 0 1-3.667 0m0 6a.833.833 0 1 1 1.667 0 .833.833 0 0 1-1.667 0m.834-1.833a1.833 1.833 0 1 0 0 3.666 1.833 1.833 0 0 0 0-3.666M16 8.5a.833.833 0 1 0 0 1.667.833.833 0 0 0 0-1.667m-1.833.833a1.833 1.833 0 1 1 3.666 0 1.833 1.833 0 0 1-3.666 0M20.5 12a.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.666 1.833 1.833 0 0 0 0-3.666"/></svg></template>
<script setup lang="ts">
/**
 * Palette32 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>
