<template><svg aria-hidden="true" :fill="color" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill-rule="evenodd" d="M11 4.14a1 1 0 0 1 .93.634l1.518 3.848 3.849 1.518a1 1 0 0 1 0 1.86l-3.849 1.518-1.518 3.849a1 1 0 0 1-1.86 0l-1.518-3.85-3.848-1.516a1 1 0 0 1 0-1.86l3.848-1.52 1.518-3.847A1 1 0 0 1 11 4.14m3.204 6.93-1.894-.747a1 1 0 0 1-.563-.564L11 7.866l-.747 1.893a1 1 0 0 1-.563.564l-1.894.747 1.894.746a1 1 0 0 1 .563.564L11 14.274l.747-1.894a1 1 0 0 1 .563-.564zm27.95 22.834a13 13 0 0 0 1.502-.273c.861-.21 1.692.615 1.273 1.396a17 17 0 0 1-.956 1.57l-.03.046C40.876 41.087 35.748 44 29.94 44c-9.39 0-17-7.611-17-17 0-9.046 7.065-16.442 15.979-16.97l.055-.003a17 17 0 0 1 1.838-.005c.885.045 1.163 1.182.538 1.81a13 13 0 0 0-1.013 1.145l-.022.028A12.94 12.94 0 0 0 27.566 21c0 7.18 5.82 13 13 13q.79 0 1.554-.092zm-15.689-20.47A15.94 15.94 0 0 0 24.566 21c0 8.566 6.731 15.56 15.193 15.98a13.95 13.95 0 0 1-9.82 4.02c-7.731 0-14-6.268-14-14 0-6.533 4.475-12.02 10.526-13.565M8.692 18.564a1 1 0 0 0-1.86 0l-.592 1.5-1.5.59a1 1 0 0 0 0 1.861l1.5.591.591 1.5a1 1 0 0 0 1.861 0l.591-1.5 1.5-.59a1 1 0 0 0 0-1.861l-1.5-.592zm-.93 2.93a1 1 0 0 0 .09.09 1 1 0 0 0-.09.09 1 1 0 0 0-.09-.09 1 1 0 0 0 .09-.09"/></svg></template>
<script setup lang="ts">
/**
 * NightMode48 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>
