<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="M34.833 17.333a7.833 7.833 0 1 1 15.667 0 7.833 7.833 0 0 1-15.667 0M42.667 6.5c-5.983 0-10.834 4.85-10.834 10.833s4.85 10.834 10.834 10.834c5.983 0 10.833-4.85 10.833-10.834C53.5 11.35 48.65 6.5 42.667 6.5m-7.33 25.492a1.5 1.5 0 0 0-1.731.28l-5.333 5.334a1.5 1.5 0 0 0-.44 1.06V56a1.5 1.5 0 0 0 1.5 1.5H56a1.5 1.5 0 0 0 1.5-1.5V38.667a1.5 1.5 0 0 0-.44-1.061l-5.333-5.333a1.5 1.5 0 0 0-1.731-.281c-4.911 2.455-9.747 2.455-14.658 0m-4.504 7.296 4.149-4.148c5.106 2.258 10.264 2.258 15.37 0l4.148 4.148V54.5H30.833zM18.667 18.833a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13m-9.5 6.5a9.5 9.5 0 1 1 19 0 9.5 9.5 0 0 1-19 0m4.64 13.91a1.5 1.5 0 0 0-1.461.295l-5.334 4.667a1.5 1.5 0 0 0-.512 1.128V56A1.5 1.5 0 0 0 8 57.5h13.333a1.5 1.5 0 1 0 0-3H9.5v-8.486l4.18-3.658c1.618.511 2.876.807 4.047.89 1.398.1 2.577-.11 3.97-.458a1.5 1.5 0 1 0-.727-2.91c-1.274.318-2.095.443-3.03.376-.971-.07-2.158-.352-4.132-1.01"/></svg></template>
<script setup lang="ts">
/**
 * Group64 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>
