Add icons to this collection by clicking the heart icon.
Night Mode icon - also known as button, moon, ui, sleep mode, night mode, and user interface. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c8.284 0 15 6.716 15 15 0 0-10.662 336.848-11 336.848l-467 .05c-8.284 0-15-6.715-15-15V10.051c.332-.023.663-.051 1-.051z"
transform="translate(485.5 82.55)"
fill="#e9edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.075-4.925-11-11-11h-470c-.337 0-.668.028-1 .051V-11c0-8.284 6.716-15 15-15H0c8.284 0 15 6.716 15 15v326.849c0 8.284-6.716 14.999-15 14.999z"
transform="translate(489.5 103.55)"
fill="#c8d2dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-403.234a7.5 7.5 0 0 1-7.5-7.5v-263.133l423.234-10z"
transform="translate(451.367 401.316)"
fill="#407194"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M40.633 119.705H52.6v10.979H40.633Z"
fill="#365f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-12.5v-263.133l20 77.943V-7.5A7.5 7.5 0 0 1 0 0"
transform="translate(463.867 401.316)"
fill="#365f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-12.5 112.994c-17.262 14.144-41.912 32.182-55.362 32.182-22.123 0-145.787-120.037-145.787-120.037s-72.67 65.984-91.734 65.984c-14.959 0-78.996-56.701-105.884-81.123z"
transform="translate(463.867 120.684)"
fill="#365f7e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0s-8.059 7.5-19.187 16.619v-95.494a7.5 7.5 0 0 0-7.5-7.5h-391.268c-7.378-6.701-11.966-10.979-11.966-10.979v-1.521a7.5 7.5 0 0 1 7.5-7.5H-6.687a7.5 7.5 0 0 1 7.499 7.5V-.933z"
transform="translate(470.555 217.059)"
fill="#4e5a61"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-26.073-.922-47.348-22.116-48.361-48.187-.419-10.778 2.562-20.837 7.954-29.194 18.89-17.285 64.997-14.526 70.079-2.074a29.561 29.561 0 0 0-4.127-.312c-3.795 0-7.422.72-10.756 2.023-39.081 13.014-22.907 64.539-7.67 64.543 11.466.004 16.766-3.724 27.614.916C25.498-4.252 13.309.471 0 0"
transform="translate(255.998 353.201)"
fill="#e9edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.94-13.855 24.512-23.03 42.228-23.03 14.853 0 28.192 6.45 37.384 16.7 2.42 2.699-.356 6.85-3.773 5.638-1.84-.654-3.772-1.104-5.76-1.382-13.787-4.337-21.847-7.887-39.67-7.887C20.37-9.961 7.846-5.074 0 0"
transform="translate(215.591 275.82)"
fill="#c8d2dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.388 19.027-34.446 31.596-38.012C20.028-33.493 12.001-21.906 12.834-8.56c.949 15.208 13.678 27.37 28.912 27.674a29.54 29.54 0 0 0 10.445-1.671c3.47-1.223 6.248 2.92 3.79 5.657a50.479 50.479 0 0 1-4.441 4.347C29.264 42.245 0 27.402 0 0"
transform="translate(239.191 313.469)"
fill="#c8d2dc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5v9.808a7.5 7.5 0 0 1-15 0V0h-5a7.5 7.5 0 0 1-7.5-7.5A7.5 7.5 0 0 1-25-15h5v-9.808a7.5 7.5 0 0 1 15 0V-15h5a7.5 7.5 0 0 1 7.5 7.5A7.5 7.5 0 0 1 0 0"
transform="translate(110.498 336.168)"
fill="#80b6fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-5.5v9.808a7.5 7.5 0 0 1-7.5 7.5 7.5 7.5 0 0 1-7.5-7.5V0H-26a7.499 7.499 0 0 1-7.5-7.5c0-4.143 3.357-7.5 7.5-7.5h5.5v-9.808a7.5 7.5 0 0 1 7.5-7.5 7.5 7.5 0 0 1 7.5 7.5V-15H0c4.143 0 7.5 3.357 7.5 7.5S4.143 0 0 0"
transform="translate(364.781 343.776)"
fill="#e9edf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0m256.045-8.487v0M-35.601-77.509v0m200.842 63.427h26m-13 17.308V-31.39m-241.283 9.7h-25m12.5 17.307v-34.615m183.545-37.926c-16.335 0-29.577 13.242-29.577 29.577S91.668-17.77 108.003-17.77c9.21 0 17.435-4.209 22.859-10.808-7.435 18.436-25.483 31.453-46.583 31.453-27.737 0-50.221-22.484-50.221-50.222 0-27.736 22.484-50.221 50.221-50.221 21.1 0 39.148 13.017 46.583 31.453-5.424-6.599-13.649-10.809-22.859-10.809zM297.015-133.3s-52.427 48.801-74.55 48.801c-22.123 0-145.787-120.037-145.787-120.037s-72.67 65.984-91.734 65.984c-18.027 0-107.343-82.357-117.003-91.314M297.826 19.792v23.666a7.5 7.5 0 0 1-7.5 7.5h-415.733a7.5 7.5 0 0 1-7.5-7.5v-275.633a7.5 7.5 0 0 1 7.5-7.5H13.696m30 0h246.63a7.5 7.5 0 0 1 7.5 7.5v221.906M-50.46 84.091h366.42c8.284 0 15-6.716 15-15v-326.899c0-8.284-6.716-15-15-15h-467c-8.284 0-15 6.716-15 15V69.091c0 8.284 6.716 15 15 15h70.519"
transform="translate(173.54 350.358)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category