Sun moon icon

A free sun moon icon from the weather set: a line 24×24 SVG for ideas like theme, dark-mode, light-mode, toggle, day. Copy the code, or download it as SVG or a transparent PNG, free for personal and commercial use.

Download

SVG Animated SVG

About this icon

Set: Weather icons
Style: line, on a 24×24 grid, a 2px stroke in currentColor, so it takes the colour of the text around it
Good for: theme, dark-mode, light-mode, toggle, day, night, appearance, weather, sun, moon
Licence: Tabler Icons, MIT, no credit needed

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9.173 14.83a4 4 0 1 1 5.657 -5.657"/><path d="M11.294 12.707l.174 .247a7.5 7.5 0 0 0 8.845 2.492a9 9 0 0 1 -14.671 2.914"/><path d="M3 12h1"/><path d="M12 3v1"/><path d="M5.6 5.6l.7 .7"/><path d="M3 21l18 -18"/></svg>

More weather icons

sun