Back to Explorer
16 - 512
0.5 - 4.0
Save to
deviceoutline
md mode night
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdModeNightIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g><path d="M0,0h24v24H0V0z" fill="none"/></g><g><g><path d="M9.5,4c4.41,0,8,3.59,8,8s-3.59,8-8,8c-0.34,0-0.68-0.02-1.01-0.07c1.91-2.16,3.01-4.98,3.01-7.93s-1.1-5.77-3.01-7.93 C8.82,4.02,9.16,4,9.5,4 M9.5,2c-1.82,0-3.53,0.5-5,1.35c2.99,1.73,5,4.95,5,8.65s-2.01,6.92-5,8.65C5.97,21.5,7.68,22,9.5,22 c5.52,0,10-4.48,10-10S15.02,2,9.5,2z"/></g></g>
</svg>
);SVG Optimizer
Before
0.52 KB
↓
After
0.52 KB
Tags
adjustadjustmentbrightnesscontrastcontrolcrescentdarkdimdisplaydisturbiconinterfacelightlunarmodemoonnightscreensettingsleepswitchsymbolthemetoggleui elementviewvisibilityvisual
Compare Alternatives
See how other libraries approach this concept.