sun moon icon

Free sun moon SVG icon, MIT licensed. Copy the SVG, install for React/Vue/Angular, or download. Part of the Softicons interface set.

React

import { SunMoonIcon } from "@softicons/react";

<SunMoonIcon />

HTML

<img src="https://softicons.dev/v1/icons/interface/sun-moon.svg" width="24" height="24" alt="sun moon icon">

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/><path d="M19 3v4"/><path d="M17 5h4"/></svg>

Tags: theme, dark-mode, toggle

Related icons

accessibility activity alarm clock alert circle alert triangle align center