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, music and multimedia, 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="#e7b2f1"
d="M441.948 512H41.207C18.449 512 0 493.551 0 470.793V41.207C0 18.449 18.449 0 41.207 0h400.74c22.758 0 41.207 18.449 41.207 41.207v429.586c.001 22.758-18.448 41.207-41.206 41.207z"
/>
<path
fill="#dd98ea"
d="M512 41.207v429.586C512 493.549 493.55 512 470.793 512h-30.905c22.757 0 41.207-18.451 41.207-41.207l-32.783-224.305 32.783-205.28C481.095 18.451 462.644 0 439.887 0h30.905C493.55 0 512 18.451 512 41.207z"
/>
<path
fill="#6c5e69"
d="M470.793 481.095H41.207c-5.69 0-10.302-4.612-10.302-10.302V41.207c0-5.69 4.612-10.302 10.302-10.302h429.586c5.69 0 10.302 4.612 10.302 10.302v429.586c0 5.689-4.613 10.302-10.302 10.302z"
/>
<g fill="#574d56">
<path
d="M98.925 306.967a7.727 7.727 0 0 1-5.464-13.19l16.754-16.754a7.727 7.727 0 0 1 10.928 10.927l-16.754 16.754a7.707 7.707 0 0 1-5.464 2.263zM115.678 144.524a7.708 7.708 0 0 1-5.464-2.263L93.46 125.506a7.727 7.727 0 0 1 10.928-10.927l16.755 16.755a7.727 7.727 0 0 1-5.465 13.19zM93.344 177.947c-.986 0-1.987-.19-2.954-.59L68.5 168.29c-3.943-1.633-5.815-6.152-4.181-10.095s6.155-5.813 10.095-4.182l21.89 9.067a7.725 7.725 0 0 1 4.181 10.095 7.729 7.729 0 0 1-7.141 4.772zM140.029 334.437a7.725 7.725 0 0 1-7.135-10.685l9.067-21.89a7.729 7.729 0 0 1 10.095-4.182 7.725 7.725 0 0 1 4.181 10.095l-9.067 21.89a7.727 7.727 0 0 1-7.141 4.772zM227.944 122.194a7.725 7.725 0 0 1-7.135-10.685l9.067-21.89a7.729 7.729 0 0 1 10.095-4.182 7.725 7.725 0 0 1 4.181 10.095l-9.067 21.89a7.73 7.73 0 0 1-7.141 4.772zM71.46 265.861a7.728 7.728 0 0 1-7.141-4.772 7.725 7.725 0 0 1 4.181-10.095l21.89-9.067a7.725 7.725 0 0 1 10.095 4.182 7.725 7.725 0 0 1-4.181 10.095l-21.89 9.067a7.696 7.696 0 0 1-2.954.59zM237.017 334.437a7.728 7.728 0 0 1-7.141-4.772l-9.067-21.89a7.725 7.725 0 0 1 4.181-10.095 7.725 7.725 0 0 1 10.095 4.182l9.067 21.89a7.725 7.725 0 0 1-7.135 10.685zM149.103 122.194a7.728 7.728 0 0 1-7.141-4.772l-9.067-21.89a7.725 7.725 0 0 1 4.181-10.095 7.724 7.724 0 0 1 10.095 4.182l9.067 21.89a7.725 7.725 0 0 1-7.135 10.685zM188.523 114.35a7.725 7.725 0 0 1-7.726-7.726V82.93a7.726 7.726 0 1 1 15.452 0v23.694a7.725 7.725 0 0 1-7.726 7.726zM188.523 344.08a7.725 7.725 0 0 1-7.726-7.726V312.66a7.726 7.726 0 1 1 15.452 0v23.694a7.725 7.725 0 0 1-7.726 7.726zM85.505 217.368H61.811a7.726 7.726 0 1 1 0-15.452h23.694c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726z"
/>
</g>
<path
fill="#ffe270"
d="M188.523 312.66c-56.895 0-103.018-46.123-103.018-103.018s46.123-103.018 103.018-103.018 103.018 46.123 103.018 103.018S245.419 312.66 188.523 312.66z"
/>
<path
fill="#e6f6ff"
d="M332.043 308.769s-18.979 3.498-24.019 2.74a102.3 102.3 0 0 1-25.779-7.431c-4.69-23.576-17.918-35.072-46.572-40.525-9.649-15.682-15.215-34.146-15.215-53.91 0-51.666 38.035-94.449 87.632-101.877 5.02-.752 20.016 1.556 20.016 1.556 56.895 0 86.142 100.321 86.142 100.321 0 56.894-53.119 94.728-82.205 99.126z"
/>
<path
fill="#d1edff"
d="M426.495 209.642c0 13.897-2.75 27.15-7.736 39.245 0 0-19.539 14.443-29.078 23.977-10.076 10.082-29.133 32.928-29.133 32.928-11.502 4.437-24.002 6.869-37.071 6.869-5.254 0-10.415-.391-15.453-1.154a102.406 102.406 0 0 0 44.417-18.016c4.625-3.309 14.568-3.858 18.578-7.871 12.44-12.434 24.921-30.709 20.902-48.627a103.173 103.173 0 0 0 3.668-27.35c0-6.533-.608-12.924-1.77-19.119 3.105-20.73-.64-40.388-15.005-54.745-6.581-6.585-27.447-11.261-35.608-15.875a102.305 102.305 0 0 0-35.183-12.125 103.29 103.29 0 0 1 15.453-1.154c9.747 0 19.178 1.353 28.114 3.881 17.15 4.852 17.551 19.663 29.802 31.922 10.057 10.051 32.97 16.544 38.194 30.044 4.463 11.529 6.909 24.063 6.909 37.17z"
/>
<path
fill="#b8e3ff"
d="M393.818 190.523a46.403 46.403 0 0 1-12.136 1.606c-25.6 0-46.358-20.758-46.358-46.358a46.17 46.17 0 0 1 7.878-25.86c1.676-2.49 37.38 11.481 49.629 23.74 10.054 10.055 8.911 44.727.987 46.872z"
/>
<path
fill="#a2dbff"
d="M419.582 172.473a46.592 46.592 0 0 1-5.12 6.078 46.325 46.325 0 0 1-20.645 11.971c-3.894-20.789-14.042-39.363-28.402-53.724a103.098 103.098 0 0 0-22.211-16.885 45.978 45.978 0 0 1 5.697-6.923 47.042 47.042 0 0 1 2.689-2.483c17.152 4.852 32.482 14.031 44.73 26.29 10.055 10.055 18.039 22.17 23.262 35.676z"
/>
<path
fill="#b8e3ff"
d="M288.966 284.845a30.75 30.75 0 0 1-6.717 19.223c-19.357-8.447-35.603-22.684-46.574-40.517.175-.196.35-.371.536-.556 5.594-5.594 13.32-9.055 21.85-9.055s16.256 3.461 21.85 9.055 9.055 13.32 9.055 21.85zM393.106 279.004c-10.075 10.086-38.726 19.07-40.671 14.478a40.544 40.544 0 0 1-3.204-15.849c0-11.239 4.553-21.407 11.919-28.773s17.534-11.919 28.773-11.919c.667 0 1.33.016 1.988.048 10.448.503 10.734 32.486 1.195 42.015z"
/>
<path
fill="#a2dbff"
d="M418.738 248.902a102.816 102.816 0 0 1-22.417 33.584 102.73 102.73 0 0 1-35.778 23.292 40.51 40.51 0 0 1-8.097-12.3 102.543 102.543 0 0 0 12.97-10.992c12.445-12.434 21.716-28.031 26.496-45.493 10.446.494 19.852 4.935 26.785 11.868l.041.041z"
/>
<path
fill="#b8e3ff"
d="M272.483 217.883c-8.534 0-15.453-6.918-15.453-15.453 0-8.534 6.918-15.453 15.453-15.453 8.534 0 15.453 6.918 15.453 15.453s-6.919 15.453-15.453 15.453z"
/>
<path
fill="#433d41"
d="M300.298 450.189h-88.596c-17.069 0-30.905-13.837-30.905-30.905 0-17.069 13.837-30.905 30.905-30.905h88.596z"
/>
<path
fill="#574d56"
d="M300.298 450.189c17.069 0 30.905-13.837 30.905-30.905 0-17.069-13.837-30.905-30.905-30.905-17.069 0-30.905 13.837-30.905 30.905-.001 17.068 13.836 30.905 30.905 30.905z"
/>
<path
fill="#433d41"
d="M300.298 429.586c-5.68 0-10.302-4.621-10.302-10.302s4.622-10.302 10.302-10.302 10.302 4.621 10.302 10.302c0 5.68-4.622 10.302-10.302 10.302z"
/>
</svg>
More icons in the same style and category