sendou.ink/app/components/icons/Moon.tsx
Remmy Cat Stock 19fbd85f8f
Add auto theme option for detecting the theme from system/browser preferences (#1083)
* Add "auto" option to theme switcher

* Add labels to language and user menu buttons

* Update translation-progress.md
2022-11-03 01:44:56 +01:00

29 lines
713 B
TypeScript

export function MoonIcon({
className,
alt,
}: {
className?: string;
alt: string;
}) {
return (
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
strokeWidth={1.5}
stroke="currentColor"
className={className}
role="img"
aria-hidden={alt === ""}
aria-label={alt !== "" ? alt : undefined}
>
{alt !== "" && <title>{alt}</title>}
<path
strokeLinecap="round"
strokeLinejoin="round"
d="M21.752 15.002A9.718 9.718 0 0118 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 003 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 009.002-5.998z"
/>
</svg>
);
}