Hand drawn moon icon
This hand drawn moon icon is free to download as a still SVG, a transparent PNG or an animated moon icon that draws itself on and keeps wiggling. A crescent moon: night, sleep and dark mode.
Download
moon.svg · moon.png (512px, transparent) · animated SVG
Free under the MIT license, for personal and commercial use.
How to use the hand drawn moon icon
Use it for a dark-mode toggle, bedtime routines, night events and calm, cozy designs.
The still SVG scales to any size and takes any stroke color, the transparent PNG goes anywhere an image does, and the animated SVG draws itself on and keeps wiggling in any browser. Many slide apps and design tools import an SVG as a still drawing, or not at all, and the animated file can come out blank there, so use the still SVG or the PNG in those apps. In React, it comes from the free npm package:
npm i @oreo-design/doodle-icons
import { DoodleIcon, BoilFilter } from '@oreo-design/doodle-icons'
<BoilFilter id="boil" />
<DoodleIcon name="moon" boilId="boil" size={32} />