Dark Mode icon

material-symbolsfill

The Dark Mode icon is a solid SVG from the Material Symbols set (16,344 icons), drawn by Google and free under the Apache-2.0 license. Customize its color, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for dark, mode, sharp.

Tags: dark, mode, sharp

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill="currentColor" d="M12 21q-3.75 0-6.375-2.625T3 12t2.625-6.375T12 3q.35 0 .688.025t.662.075q-1.025.725-1.638 1.888T11.1 7.5q0 2.25 1.575 3.825T16.5 12.9q1.375 0 2.525-.613T20.9 10.65q.05.325.075.662T21 12q0 3.75-2.625 6.375T12 21"/></svg>

Customize

Color

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Material Symbols icons

Dark Mode Outline Adjust Auto Mode Burst Mode Outline Sharp Burst Mode Sharp Chrome Reader Mode Outline Sharp Chrome Reader Mode Sharp Dark Mode Outline Rounded Dark Mode Rounded Developer Mode Outline Sharp Developer Mode Sharp Developer Mode Tv Outline Sharp