Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, sun, moon, ui, night mode, and dark mode. Created in a clean lineal style with a black 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 0c-20.884 30.247-33.114 66.926-33.114 106.462 0 103.608 83.99 187.599 187.598 187.599h121.803c103.609 0 187.599-83.991 187.599-187.599 0-103.608-83.99-187.598-187.599-187.598H154.484c-51.054 0-97.346 20.395-131.172 53.482"
transform="translate(40.614 149.538)"
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 0c57.539-20.815 98.658-75.933 98.658-140.654v-.01c0-82.583-66.947-149.53-149.53-149.53h-121.813c-82.583 0-149.53 66.947-149.53 149.53v.01c0 82.584 66.947 149.53 149.53 149.53h121.813c5.675 0 11.275-.316 16.785-.931"
transform="translate(367.778 396.659)"
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 0v13.05"
transform="translate(226.911 364.209)"
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-6.524 11.302"
transform="translate(172.742 349.952)"
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-11.302 6.525"
transform="translate(132.959 310.522)"
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 0h-13.05"
transform="translate(118.22 256.481)"
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-11.302-6.525"
transform="translate(132.477 202.313)"
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-6.525-11.302"
transform="translate(171.91 162.529)"
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 0v-13.05"
transform="translate(225.95 147.791)"
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 6.524-11.302"
transform="translate(279.118 159.048)"
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 6.525 11.302"
transform="translate(279.951 352.471)"
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 0c13.697 10.669 30.92 17.025 49.627 17.025 18.352 0 35.274-6.116 48.842-16.421"
transform="translate(177.284 319.799)"
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 0c-13.576-10.327-30.518-16.458-48.891-16.458-44.637 0-80.824 36.187-80.824 80.824 0 13.262 3.194 25.778 8.856 36.82"
transform="translate(275.802 191.634)"
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 0c-9.442-4.764-19.981-7.741-31.203-8.461-44.546-2.858-82.976 30.937-85.834 75.483-2.859 44.546 30.936 82.975 75.482 85.833 44.547 2.859 82.976-30.936 85.834-75.482 1.319-20.538-5.155-39.775-16.881-54.827"
transform="translate(361.384 183.802)"
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 0a34.12 34.12 0 0 0 16.926 5.75C35.811 6.962 52.095-7.358 53.307-26.243c.978-15.248-8.167-28.803-21.667-34.094"
transform="translate(244.269 252.148)"
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 0c.577-8.991 8.333-15.812 17.324-15.235 8.991.577 15.812 8.333 15.235 17.324-.577 8.991-8.333 15.812-17.324 15.235C6.244 16.747-.577 8.991 0 0Z"
transform="translate(333.097 241.262)"
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 0c-5.375-14.403-18.804-25.05-35.127-26.098-19.871-1.275-37.317 12.121-41.735 30.876"
transform="translate(367.823 324.546)"
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