Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, button, settings, ui, dark, mode, night mode, edit tools, and dark mode. Created in a clean flat 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 512 512"
>
<path fill="#624d8c" d="M0 0v512h256l30-256L256 0z" />
<path fill="#493373" d="M256 0h256v512H256z" />
<path
fill="#ff6a4a"
d="M256 63.734c-106.185 0-192.266 86.08-192.266 192.266S149.815 448.266 256 448.266L286 256z"
/>
<path
fill="#ea4223"
d="M448.266 256c0-106.185-86.08-192.265-192.265-192.266v384.531c106.185 0 192.265-86.08 192.265-192.265z"
/>
<path
fill="#fe9"
d="M232.657 119.878v54.062a82.97 82.97 0 0 0-32.399 13.448l-38.247-38.247-21.213 21.213 38.247 38.247A82.97 82.97 0 0 0 165.597 241h-54.062v30h54.062a82.97 82.97 0 0 0 13.448 32.399l-38.247 38.247 21.213 21.213 38.247-38.247a82.983 82.983 0 0 0 32.399 13.448v54.062H256L261 254l-5-134.122zm15 189.559c-29.466 0-53.438-23.972-53.438-53.437s23.972-53.437 53.438-53.437c1.434 0 2.851.074 4.257.185-12.018 14.459-19.257 33.024-19.257 53.252s7.24 38.792 19.257 53.252a53.982 53.982 0 0 1-4.257.185z"
/>
<path
fill="#ffe14d"
d="M316.094 172.563a82.91 82.91 0 0 0-34.218 7.37 82.661 82.661 0 0 0-19.218-6.001v-54.054H256v272.244h6.657v-54.054a82.661 82.661 0 0 0 19.218-6.001 82.91 82.91 0 0 0 34.218 7.37c46.008 0 83.438-37.43 83.438-83.437s-37.429-83.437-83.437-83.437zm0 136.874c-29.465 0-53.437-23.972-53.437-53.437s23.972-53.437 53.437-53.437c29.466 0 53.438 23.972 53.438 53.437s-23.972 53.437-53.438 53.437z"
/>
</svg>
More icons in the same style and category