<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 6.5A1.5 1.5 0 0 1 33.5 8v4a1.5 1.5 0 0 1-3 0V8A1.5 1.5 0 0 1 32 6.5m0 44a1.5 1.5 0 0 1 1.5 1.5v4a1.5 1.5 0 0 1-3 0v-4a1.5 1.5 0 0 1 1.5-1.5m-24-20a1.5 1.5 0 0 0 0 3h4a1.5 1.5 0 0 0 0-3zM50.5 32a1.5 1.5 0 0 1 1.5-1.5h4a1.5 1.5 0 0 1 0 3h-4a1.5 1.5 0 0 1-1.5-1.5M13.97 47.908a1.5 1.5 0 1 0 2.122 2.121l2.828-2.828A1.5 1.5 0 1 0 16.8 45.08zM45.08 18.92a1.5 1.5 0 0 1 0-2.121l2.828-2.829a1.5 1.5 0 1 1 2.122 2.122L47.2 18.92a1.5 1.5 0 0 1-2.121 0m-28.988-4.952a1.5 1.5 0 1 0-2.121 2.121l2.828 2.829a1.5 1.5 0 1 0 2.121-2.122zM45.085 45.08a1.5 1.5 0 0 1 2.121 0l2.829 2.828a1.5 1.5 0 1 1-2.121 2.122L45.085 47.2a1.5 1.5 0 0 1 0-2.121M32 41.167V22.833a9.167 9.167 0 0 1 0 18.334M19.833 32c0-6.72 5.448-12.167 12.167-12.167 6.72 0 12.167 5.448 12.167 12.167 0 6.72-5.448 12.167-12.167 12.167-6.72 0-12.167-5.448-12.167-12.167"/></svg></template>
<script setup lang="ts">
/**
 * Brightness64 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>
