Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, button, settings, ui, 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="#f1f1f4"
d="M256 512c-68.38 0-132.667-26.629-181.02-74.98C26.629 388.667 0 324.38 0 256S26.629 123.333 74.98 74.98C123.333 26.629 187.62 0 256 0s132.667 26.629 181.02 74.98C485.371 123.333 512 187.62 512 256s-26.629 132.667-74.98 181.02C388.667 485.371 324.38 512 256 512z"
/>
<path
fill="#e2dff4"
d="M256 0v512c68.38 0 132.667-26.629 181.02-74.98C485.371 388.667 512 324.38 512 256s-26.629-132.667-74.98-181.02C388.667 26.629 324.38 0 256 0z"
/>
<path
fill="#616173"
d="M256 351c-52.383 0-95-42.617-95-95s42.617-95 95-95 95 42.617 95 95-42.617 95-95 95zm0-160c-35.841 0-65 29.159-65 65s29.159 65 65 65 65-29.159 65-65-29.159-65-65-65zM256 441c-8.284 0-15-6.716-15-15v-30c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v30c0 8.284-6.716 15-15 15zM256 131c-8.284 0-15-6.716-15-15V86c0-8.284 6.716-15 15-15 8.284 0 15 6.716 15 15v30c0 8.284-6.716 15-15 15z"
/>
<path
fill="#454554"
d="M256 71v60c8.284 0 15-6.716 15-15V86c0-8.284-6.716-15-15-15zM321 256c0 35.841-29.159 65-65 65v30c52.383 0 95-42.617 95-95s-42.617-95-95-95v30c35.841 0 65 29.159 65 65zM256 381v60c8.284 0 15-6.716 15-15v-30c0-8.284-6.716-15-15-15z"
/>
<g fill="#616173">
<path
d="M116 271H86c-8.284 0-15-6.716-15-15 0-8.284 6.716-15 15-15h30c8.284 0 15 6.716 15 15 0 8.284-6.716 15-15 15zM95.785 348.5c-4.142-7.175-1.684-16.349 5.49-20.491l25.981-15c7.174-4.142 16.348-1.684 20.49 5.49 4.142 7.174 1.684 16.348-5.49 20.49l-25.981 15c-7.174 4.144-16.348 1.685-20.49-5.489zM163.5 416.214c-7.174-4.142-9.632-13.316-5.49-20.49l15-25.98c4.142-7.174 13.316-9.632 20.49-5.49 7.174 4.142 9.632 13.316 5.49 20.49l-15 25.98c-4.142 7.174-13.316 9.633-20.49 5.49zM173.01 142.256l-15-25.98c-4.142-7.174-1.684-16.348 5.49-20.49 7.174-4.142 16.348-1.684 20.49 5.49l15 25.98c4.142 7.174 1.684 16.348-5.49 20.49-7.174 4.143-16.348 1.685-20.49-5.49zM127.257 198.99l-25.981-15c-7.174-4.142-9.633-13.316-5.49-20.49 4.142-7.174 13.316-9.632 20.49-5.49l25.981 15c7.174 4.142 9.633 13.316 5.49 20.49-4.142 7.174-13.316 9.632-20.49 5.49z"
/>
</g>
<circle cx="351" cy="256" r="95" fill="#7a7a93" />
<path
fill="#616173"
d="M351 161v190c52.383 0 95-42.617 95-95s-42.617-95-95-95z"
/>
</svg>
More icons in the same style and category