Add icons to this collection by clicking the heart icon.
Night Mode icon - also known as interface, camera, night, sky, moon, electronics, mode, night mode, and music and multimedia. Created in a clean lineal color style with a gray, black, and yellow finish, 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 0c0-135.862-110.138-246-246-246S-492-135.862-492 0s110.138 246 246 246S0 135.862 0 0"
transform="translate(502 256)"
fill="#757575"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c27.751-39.827 44.038-88.239 44.038-140.462 0-135.862-110.138-246-246-246-52.223 0-100.635 16.286-140.462 44.038 44.446-63.787 118.323-105.538 201.962-105.538 135.862 0 246 110.138 246 246C105.538-118.323 63.787-44.446 0 0"
transform="translate(396.462 457.962)"
fill="#595959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c20.677-28.908 32.85-64.315 32.85-102.567 0-97.479-79.021-176.5-176.5-176.5-38.252 0-73.659 12.173-102.567 32.85 26.445-75.053 97.968-128.85 182.067-128.85 106.591 0 193 86.409 193 193C128.85-97.968 75.053-26.445 0 0"
transform="translate(320.15 438.067)"
fill="#fff148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c26.914-33.171 43.042-75.447 43.042-121.493 0-106.591-86.409-193-193-193-46.046 0-88.322 16.128-121.493 43.042 35.382-43.605 89.396-71.475 149.926-71.475 106.591 0 193 86.409 193 193C71.475-89.396 43.605-35.382 0 0"
transform="translate(377.525 405.926)"
fill="#ffe600"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-38.252 0-73.659 12.173-102.567 32.85C-76.123-42.203-4.6-96 79.5-96c106.591 0 193 86.409 193 193 0 84.1-53.797 155.623-128.85 182.067 20.677-28.908 32.85-64.315 32.85-102.567 0-85.601-60.938-156.969-141.8-173.09"
transform="translate(176.5 159)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30.857 11.221L0 22.441a40.002 40.002 0 0 0-23.922 23.923l-11.221 30.857-11.221-30.857a40 40 0 0 0-23.922-23.923l-30.857-11.22L-70.286 0a39.998 39.998 0 0 0 23.922-23.922l11.221-30.857 11.221 30.857A39.995 39.995 0 0 0 0 0"
transform="translate(175.076 279.78)"
fill="#fff148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30.857 11.221L0 22.441a40.002 40.002 0 0 0-23.922 23.923l-11.221 30.857-11.221-30.857a40 40 0 0 0-23.922-23.923l-30.857-11.22L-70.286 0a39.998 39.998 0 0 0 23.922-23.922l11.221-30.857 11.221 30.857A39.995 39.995 0 0 0 0 0Z"
transform="translate(175.076 279.78)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 19.169 6.97L0 13.941a24.848 24.848 0 0 0-14.861 14.861l-6.97 19.168-6.971-19.168a24.847 24.847 0 0 0-14.86-14.861L-62.831 6.97-43.662 0a24.847 24.847 0 0 0 14.86-14.861l6.971-19.169 6.97 19.169A24.848 24.848 0 0 0 0 0"
transform="translate(265.831 390.097)"
fill="#fff148"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 19.169 6.97L0 13.941a24.848 24.848 0 0 0-14.861 14.861l-6.97 19.168-6.971-19.168a24.847 24.847 0 0 0-14.86-14.861L-62.831 6.97-43.662 0a24.847 24.847 0 0 0 14.86-14.861l6.971-19.169 6.97 19.169A24.848 24.848 0 0 0 0 0Z"
transform="translate(265.831 390.097)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c40.66 29.715 90.782 47.256 145 47.256 135.862 0 246-110.138 246-246 0-135.863-110.138-246-246-246s-246 110.137-246 246c0 68.916 28.339 131.214 74 175.875"
transform="translate(111 454.745)"
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