Add icons to this collection by clicking the heart icon.
Night Mode icon - also known as interface, button, settings, ui, dark, mode, night mode, and dark mode. Created in a clean basic outline style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 32 32"
>
<path
d="M18 14V3a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1zM8 13a2 2 0 0 1 4 0zm8 0h-2a4 4 0 0 0-8 0H4V4h12zm13 4H15a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1V18a1 1 0 0 0-1-1zm-1 11H16v-9h12zM5.29 7.71a1 1 0 0 1 1.42-1.42l1 1a1 1 0 0 1 0 1.42 1 1 0 0 1-1.42 0zm7 1a1 1 0 0 1 0-1.42l1-1a1 1 0 1 1 1.42 1.42l-1 1a1 1 0 0 1-1.42 0zM9 7V5.61a1 1 0 1 1 2 0V7a1 1 0 0 1-2 0zm13.21 20a3.44 3.44 0 0 0 2.92-1.59 1 1 0 0 0 .1-.9 1 1 0 0 0-.68-.61 2.46 2.46 0 0 1-1.84-2.4v-.32a.61.61 0 0 0 0-.14 1 1 0 0 0-.93-1 1 1 0 0 0-.42.06 3.5 3.5 0 0 0 .83 6.9zm-1.32-4.22A4.53 4.53 0 0 0 22.37 25a1.51 1.51 0 0 1-1.66-1.49 1.48 1.48 0 0 1 .18-.75zM20 7a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v7a1 1 0 0 1-2 0V8h-3a1 1 0 0 1-1-1zm-8 18a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-7a1 1 0 0 1 2 0v6h3a1 1 0 0 1 1 1z"
/>
</svg>
More icons in the same style and category