Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, sun, moon, 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="#3081c4"
d="M512 256c0 141.385-114.615 256-256 256S0 397.385 0 256 114.615 0 256 0s256 114.615 256 256z"
/>
<path
fill="#5594cc"
d="M471 256c0 118.741-96.259 215-215 215S41 374.741 41 256 137.259 41 256 41s215 96.259 215 215z"
/>
<path
fill="#fff587"
d="M326.586 333.955a11.718 11.718 0 0 1-5.331 3.501c-11.476 3.613-23.702 5.534-36.385 5.47-64.864-.324-117.925-53.263-118.392-118.126-.215-29.848 10.56-57.175 28.518-78.175a14.42 14.42 0 0 1 6.722-4.414c11.236-3.447 23.18-5.276 35.56-5.214 64.864.325 117.925 53.264 118.391 118.127.217 30.16-10.786 57.745-29.083 78.831z"
/>
<path
fill="#ffef31"
d="M327.544 332.838c-21.829 25.791-54.44 42.165-90.875 42.165-65.724 0-119.004-53.28-119.004-119.003 0-53.85 35.767-99.345 84.841-114.027-17.548 20.732-28.128 47.549-28.128 76.838 0 65.724 53.28 119.004 119.003 119.004a119.03 119.03 0 0 0 34.163-4.977z"
/>
<path
fill="#fff587"
d="M116.874 186.835a9.996 9.996 0 0 1-13.66 3.66l-35.521-20.508c-4.783-2.761-6.422-8.877-3.66-13.66 2.76-4.783 8.875-6.422 13.66-3.66l35.521 20.508c4.783 2.762 6.422 8.878 3.66 13.66zm-13.66 134.669-35.521 20.508c-4.783 2.761-6.422 8.877-3.66 13.66a9.996 9.996 0 0 0 13.66 3.66l35.521-20.508c4.783-2.761 6.422-8.877 3.66-13.66-2.761-4.782-8.877-6.422-13.66-3.66zm64.292 54.292c-4.785-2.761-10.898-1.122-13.66 3.66l-20.509 35.522c-2.762 4.783-1.123 10.899 3.66 13.66a9.997 9.997 0 0 0 13.66-3.66l20.509-35.522c2.762-4.782 1.123-10.898-3.66-13.66zM98.342 256c0-5.523-4.478-10-10-10H47.324c-5.522 0-10 4.477-10 10s4.478 10 10 10h41.018c5.522 0 10-4.477 10-10zm207.493-119.796a9.997 9.997 0 0 0 13.66-3.66l20.509-35.522c2.762-4.783 1.123-10.899-3.66-13.66a9.999 9.999 0 0 0-13.66 3.66l-20.509 35.522c-2.762 4.782-1.123 10.898 3.66 13.66zM150.657 87.021c-2.761-4.783-8.876-6.422-13.66-3.66-4.783 2.761-6.422 8.877-3.66 13.66l20.509 35.522a9.996 9.996 0 0 0 13.66 3.66c4.783-2.761 6.422-8.877 3.66-13.66zm86.013-30.367c-5.522 0-10 4.477-10 10v41.017c0 5.523 4.478 10 10 10s10-4.477 10-10V66.654c0-5.523-4.478-10-10-10zm82.825 322.803c-2.761-4.783-8.877-6.422-13.66-3.66-4.783 2.761-6.422 8.877-3.66 13.66l20.509 35.522a9.996 9.996 0 0 0 13.66 3.66c4.783-2.761 6.422-8.877 3.66-13.66zm-82.825 14.872c-5.522 0-10 4.477-10 10v41.017c0 5.523 4.478 10 10 10s10-4.477 10-10v-41.017c0-5.523-4.478-10-10-10z"
/>
<path
fill="#015082"
d="M445.59 333.955a11.718 11.718 0 0 1-5.331 3.501c-11.476 3.613-23.702 5.534-36.385 5.47-64.864-.324-117.925-53.263-118.392-118.126-.215-29.848 10.56-57.175 28.518-78.175a14.424 14.424 0 0 1 6.722-4.414c11.236-3.447 23.18-5.276 35.56-5.214 64.864.325 117.925 53.264 118.391 118.127.216 30.16-10.787 57.745-29.083 78.831z"
/>
<path
fill="#013f69"
d="M446.547 332.838c-21.829 25.791-54.44 42.165-90.875 42.165-65.724 0-119.004-53.28-119.004-119.003 0-53.85 35.767-99.345 84.841-114.027-17.548 20.732-28.128 47.549-28.128 76.838 0 65.724 53.28 119.004 119.004 119.004 11.874 0 23.341-1.74 34.162-4.977z"
/>
</svg>
More icons in the same style and category