Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, button, 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="#ffdd40"
d="M245.002 10.998c-64.926 0-123.943 25.265-167.784 66.487v357.031c43.841 41.221 102.858 66.487 167.784 66.487 135.311 0 245.002-109.691 245.002-245.002S380.313 10.998 245.002 10.998z"
/>
<path
fill="#2abcc8"
d="M437.051 77.485H136.197c-1.548 1.619-3.954 4.781-3.864 8.73.082 3.637 2.223 6.992 6.363 9.974 2.961 2.133 4.566 4.618 4.771 7.386.415 5.613-4.886 10.841-4.938 10.892l-.082.086c-.27.307-6.604 7.6-5.591 15.957.54 4.455 3.047 8.315 7.453 11.479l9.918 22.233c-.583 1.589-1.772 5.763-.021 9.792 1.186 2.729 3.447 4.816 6.735 6.225-1.334 2.854-3.596 9.074-1.199 14.594 1.688 3.887 5.304 6.609 10.76 8.106-2.118 7.854-10.527 44.267 5.845 75.252 9.933 18.799 27.035 32.249 50.854 40.008-2.528 2.171-6.152 6.157-6.533 11.401-.32 4.418 1.712 8.751 6.048 12.901a41.86 41.86 0 0 0-7.153 4.914c-6.112 5.248-9.343 11.502-9.343 18.086 0 6.158-1.499 10.855-2.821 15-1.845 5.778-3.436 10.77.183 16.734 4.658 7.675.933 16.928.1 18.782-1.454 1.019-6.484 4.932-6.621 10.395-.071 2.836 1.174 5.55 3.698 8.104h236.293c41.327 0 74.949-33.622 74.949-74.95V152.435c-.001-41.328-33.623-74.95-74.95-74.95z"
/>
<path
fill="#0cacba"
d="M138.388 77.485h-61.17a246.32 246.32 0 0 0-16.92 17.566l-15.928 20.34C16.42 155.19 0 203.673 0 256c0 52.328 16.42 100.81 44.37 140.61l15.927 20.34a246.334 246.334 0 0 0 16.921 17.566h125.751c-10.897-9.386 1.896-17.487 1.896-17.487s5.69-11.195 0-20.572 2.856-15.956 2.856-30.956 17.641-22.645 17.641-22.645c-16.86-14.145 1.075-25.217 1.075-25.217-86.493-25.998-58.066-115.784-58.066-115.784-20.018-4.397-9.325-22.425-9.325-22.425-12.341-4.072-7.189-15.239-7.189-15.239L141.513 141c-15.125-10.5-1.939-25.456-1.939-25.456s12.189-11.794 0-20.572-1.186-17.487-1.186-17.487z"
/>
<path
fill="#ffdd40"
d="M204.864 166.778c-17.769 0-34.323 5.196-48.23 14.148-1.334 3.083-3.111 8.792-.891 13.905 1.688 3.887 5.304 6.609 10.76 8.106-2.118 7.854-10.527 44.267 5.845 75.252 9.933 18.799 27.035 32.249 50.854 40.008-2.528 2.171-6.152 6.157-6.533 11.401-.32 4.418 1.712 8.751 6.048 12.901-.667.362-1.464.821-2.343 1.376 41.883-7.341 73.713-43.89 73.713-87.876-.001-49.275-39.947-89.221-89.223-89.221z"
/>
<path
fill="#ffc839"
d="M226.436 317.637c-86.493-25.998-58.066-115.784-58.066-115.784-19.969-4.386-9.379-22.334-9.327-22.421-25.999 15.592-43.402 44.046-43.402 76.568 0 49.276 39.946 89.222 89.222 89.222 7.053 0 13.914-.822 20.496-2.369-16.856-14.144 1.077-25.216 1.077-25.216z"
/>
<path
fill="#ffc839"
d="M204.864 190.71a64.979 64.979 0 0 0-38.44 12.527c-2.232 8.404-10.262 44.321 5.924 74.953 9.933 18.799 27.035 32.249 50.854 40.008-.242.208-.496.437-.754.677 27.514-7.68 47.706-32.911 47.706-62.875 0-36.059-29.231-65.29-65.29-65.29z"
/>
<path
fill="#ffb332"
d="M168.37 201.853c-17.373 11.732-28.797 31.605-28.797 54.147 0 36.059 29.231 65.29 65.29 65.29a65.15 65.15 0 0 0 21.554-3.659c-86.465-26.003-58.05-115.768-58.047-115.778z"
/>
<path
fill="#ffe98d"
d="M204.864 149.986a7.2 7.2 0 0 1-7.2-7.2v-13.274c0-3.977 3.223-7.2 7.2-7.2s7.2 3.223 7.2 7.2v13.274a7.2 7.2 0 0 1-7.2 7.2z"
/>
<path
fill="#ffdd40"
d="M204.864 389.69a7.2 7.2 0 0 1-7.2-7.2v-13.275c0-3.977 3.223-7.2 7.2-7.2s7.2 3.223 7.2 7.2v13.275a7.2 7.2 0 0 1-7.2 7.2zM148.263 165.155a7.2 7.2 0 0 1-6.243-3.601l-6.637-11.497a7.2 7.2 0 1 1 12.472-7.2l6.637 11.497a7.2 7.2 0 0 1-6.229 10.801z"
/>
<path
fill="#ffe98d"
d="M268.116 372.745a7.198 7.198 0 0 1-6.243-3.601l-6.638-11.497a7.201 7.201 0 0 1 12.472-7.2l6.638 11.497a7.201 7.201 0 0 1-6.229 10.801z"
/>
<path
fill="#ffdd40"
d="M106.81 206.594a7.173 7.173 0 0 1-3.593-.965l-11.497-6.638a7.202 7.202 0 0 1 7.2-12.472l11.497 6.638a7.201 7.201 0 0 1-3.607 13.437zM91.649 263.2H78.374a7.2 7.2 0 1 1 0-14.4h13.275c3.977 0 7.2 3.223 7.2 7.2s-3.223 7.2-7.2 7.2zM95.327 326.447a7.201 7.201 0 0 1-3.607-13.437l11.497-6.638a7.201 7.201 0 0 1 7.2 12.472l-11.497 6.638a7.18 7.18 0 0 1-3.593.965zM141.613 372.745a7.2 7.2 0 0 1-6.229-10.801l6.637-11.497a7.202 7.202 0 0 1 12.472 7.2l-6.637 11.497a7.202 7.202 0 0 1-6.243 3.601z"
/>
<path
fill="#ffe98d"
d="M261.464 165.155a7.201 7.201 0 0 1-6.229-10.801l6.638-11.497a7.204 7.204 0 0 1 9.836-2.636 7.202 7.202 0 0 1 2.636 9.836l-6.638 11.497a7.199 7.199 0 0 1-6.243 3.601z"
/>
<circle cx="329.749" cy="256" r="89.222" fill="#4f66d0" />
<circle
cx="344.546"
cy="237.717"
r="41.643"
fill="#6c7fd8"
transform="rotate(-80.8 344.496 237.76)"
/>
<circle
cx="212.064"
cy="222.717"
r="17.674"
fill="#ffdd40"
transform="rotate(-80.8 212.022 222.74)"
/>
<path
fill="#2abcc8"
d="M149.859 105.257c0-5.68-4.606-10.286-10.286-10.286H60.359a246.086 246.086 0 0 0-16.109 20.573h95.323c5.681 0 10.286-4.606 10.286-10.287zM204.865 396.456H44.25a246.25 246.25 0 0 0 16.109 20.573h144.505c5.681 0 10.286-4.606 10.286-10.286.001-5.681-4.605-10.287-10.285-10.287z"
/>
<path
fill="#2ed1e2"
d="M366.849 115.544H139.573c-5.68 0-10.286-4.606-10.286-10.286s4.606-10.286 10.286-10.286h227.275c5.681 0 10.286 4.606 10.286 10.286.001 5.68-4.605 10.286-10.285 10.286zM437.051 417.029H204.865c-5.68 0-10.286-4.606-10.286-10.286s4.606-10.286 10.286-10.286h232.186c20.342 0 36.89-16.549 36.89-36.891V256c0-5.681 4.606-10.286 10.286-10.286s10.286 4.606 10.286 10.286v103.565c0 31.686-25.777 57.464-57.462 57.464z"
/>
<path
fill="#a6e7f0"
d="M484.227 266.286c-5.681 0-10.286-4.606-10.286-10.286V152.434c0-20.341-16.548-36.891-36.89-36.891h-70.202c-5.681 0-10.286-4.606-10.286-10.286s4.606-10.286 10.286-10.286h70.202c31.685 0 57.462 25.778 57.462 57.463V256c0 5.681-4.605 10.286-10.286 10.286z"
/>
<g fill="#ffe98d">
<path
d="M245.002 10.998c-32.228 0-62.998 6.232-91.181 17.544 6.846 14.798 21.842 25.134 39.144 25.134h93.677c18.599 0 34.541-11.94 40.55-28.533-25.693-9.148-53.356-14.145-82.19-14.145zM245.002 501.002c-32.228 0-62.998-6.232-91.181-17.544 6.846-14.798 21.842-25.134 39.144-25.134h93.677c18.599 0 34.541 11.94 40.55 28.533-25.693 9.148-53.356 14.145-82.19 14.145z"
/>
</g>
</svg>
More icons in the same style and category