<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="M7.333 2.927a.5.5 0 0 1 .465.316l1.039 2.633 2.633 1.039a.5.5 0 0 1 0 .93L8.837 8.883l-1.039 2.633a.5.5 0 0 1-.93 0L5.829 8.883 3.197 7.845a.5.5 0 0 1 0-.93l2.632-1.04 1.039-2.632a.5.5 0 0 1 .465-.316m2.59 4.453-1.655-.654a.5.5 0 0 1-.282-.281l-.653-1.656-.653 1.656a.5.5 0 0 1-.282.281l-1.655.654 1.655.652a.5.5 0 0 1 .282.282l.653 1.656.653-1.656a.5.5 0 0 1 .282-.282zm16.582 17.273c-5.64-.28-10.128-4.943-10.128-10.653 0-1.824.459-3.542 1.266-5.044-4.034 1.03-7.017 4.689-7.017 9.044a9.333 9.333 0 0 0 9.334 9.333 9.3 9.3 0 0 0 6.545-2.68m1.82-2.08c.877-.13 1.7.714 1.228 1.463a11.33 11.33 0 0 1-9.593 5.297C13.7 29.333 8.625 24.259 8.625 18S13.7 6.666 19.96 6.666c.808 0 1.074 1.038.544 1.647a8.667 8.667 0 0 0 7.822 14.26M5.64 12.435a.5.5 0 0 0-.93 0l-.42 1.067-1.068.42a.5.5 0 0 0 0 .931l1.067.42.421 1.068a.5.5 0 0 0 .93 0l.421-1.067 1.067-.42a.5.5 0 0 0 0-.931l-1.067-.421zm-.148 1.917.09.036-.09.035a.5.5 0 0 0-.281.282l-.036.09-.035-.09a.5.5 0 0 0-.282-.282l-.09-.035.09-.036a.5.5 0 0 0 .282-.281l.035-.09.036.09a.5.5 0 0 0 .281.281"/></svg></template>
<script setup lang="ts">
/**
 * NightMode32 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>
