<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="M14.666 5.854a1 1 0 0 1 .93.634l2.077 5.265 5.266 2.078a1 1 0 0 1 0 1.86l-5.266 2.076-2.077 5.267a1 1 0 0 1-1.86 0l-2.077-5.267-5.266-2.076a1 1 0 0 1 0-1.86l5.266-2.078 2.077-5.265a1 1 0 0 1 .93-.634m5.18 8.906-3.31-1.306a1 1 0 0 1-.564-.563L14.666 9.58l-1.306 3.31a1 1 0 0 1-.563.564L9.485 14.76l3.312 1.306a1 1 0 0 1 .563.563l1.306 3.312 1.306-3.312a1 1 0 0 1 .563-.563zm35.42 33.54q-.585.033-1.178.034c-11.23 0-20.334-9.104-20.334-20.334 0-4.265 1.316-8.226 3.56-11.495-9.63 1.274-17.062 9.517-17.062 19.495 0 10.862 8.805 19.667 19.667 19.667 6.204 0 11.74-2.873 15.348-7.367m2.136-3.283a17.4 17.4 0 0 1-3.314.317c-9.573 0-17.334-7.76-17.334-17.334a17.27 17.27 0 0 1 4.475-11.623l.03-.033a17 17 0 0 1 1.112-1.118c.653-.599.384-1.734-.498-1.81a23 23 0 0 0-1.808-.082h-.146c-12.518 0-22.667 10.148-22.667 22.666S27.401 58.667 39.92 58.667c8.263 0 15.494-4.422 19.454-11.028l.031-.052a23 23 0 0 0 .864-1.59c.391-.795-.444-1.611-1.294-1.362a17 17 0 0 1-1.53.374zM11.28 24.873a1 1 0 0 0-1.86 0l-.843 2.134-2.134.842a1 1 0 0 0 0 1.86l2.134.842.842 2.134a1 1 0 0 0 1.86 0l.842-2.134 2.134-.842a1 1 0 0 0 0-1.86l-2.134-.842zm-.297 3.835.18.07-.18.071a1 1 0 0 0-.563.564l-.07.18-.071-.18a1 1 0 0 0-.564-.564l-.18-.07.18-.071a1 1 0 0 0 .564-.563l.07-.18.071.18a1 1 0 0 0 .563.563"/></svg></template>
<script setup lang="ts">
/**
 * NightMode64 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>
