<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" width="20px" height="20px"><path fill-rule="evenodd" d="M4.583 1.642a.5.5 0 0 1 .465.316l.62 1.57 1.57.62a.5.5 0 0 1 0 .93l-1.57.618-.62 1.57a.5.5 0 0 1-.93 0l-.62-1.57-1.57-.619a.5.5 0 0 1 0-.93l1.57-.62.62-1.569a.5.5 0 0 1 .465-.316m1.108 2.97-.593-.234a.5.5 0 0 1-.281-.281l-.234-.593-.234.593a.5.5 0 0 1-.281.281l-.593.234.593.234a.5.5 0 0 1 .281.281l.234.593.234-.593a.5.5 0 0 1 .281-.281zM15.97 15.604a6.918 6.918 0 0 1-5.419-9.598 5.586 5.586 0 0 0 1.924 10.827 5.56 5.56 0 0 0 3.495-1.229m-3.522-9.938.027-.037q.16-.226.34-.433c.33-.381.164-1.03-.34-1.03a7.083 7.083 0 1 0 5.53 11.51c.533-.665-.25-1.51-1.103-1.51a5.417 5.417 0 0 1-4.454-8.5m-8.75 2.038a.5.5 0 0 0-.93 0l-.233.59-.59.234a.5.5 0 0 0 0 .93l.59.233.234.591a.5.5 0 0 0 .93 0l.233-.59.591-.234a.5.5 0 0 0 0-.93l-.591-.233z"/></svg></template>
<script setup lang="ts">
/**
 * NightMode20 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>
