Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, smartphone, ui, toggle button, sleep mode, night mode, 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 359.451 464"
>
<g>
<g>
<path
fill="#51518c"
d="M358.064 414.258a28.775 28.775 0 0 1-5.78 10.19l-21.62 24.7a28.918 28.918 0 0 1-20.91 9.86l-170.07 4.98a28.915 28.915 0 0 1-28.58-20.73L1.184 70.388a28.889 28.889 0 0 1 .48-17.85l11.82-33.29A28.934 28.934 0 0 1 41.394.008L263.7 5.038a28.92 28.92 0 0 1 27.8 23.74l67.48 371.46a28.885 28.885 0 0 1-.916 14.02z"
/>
<path
fill="#ebe9fb"
d="m320.96 394.691-124.109 3.5a22.876 22.876 0 0 1-22.4-15.81L67.119 51.454a22.875 22.875 0 0 1 22.269-29.928l40.661.905 4.221 14.347A22.877 22.877 0 0 0 156.216 53.2h60.013a22.877 22.877 0 0 0 22.214-28.343l14.643.327a22.877 22.877 0 0 1 21.881 18.186l67.74 323.772a22.876 22.876 0 0 1-21.747 27.549z"
/>
<path
fill="#3e3e7a"
d="M358.064 414.258a28.775 28.775 0 0 1-5.78 10.19l-21.62 24.7a28.918 28.918 0 0 1-20.91 9.86l-170.07 4.98a28.915 28.915 0 0 1-28.58-20.73L1.184 70.388a28.889 28.889 0 0 1 .48-17.85l11.82-33.29a28.944 28.944 0 0 1 14.4-16.23l128.59 396.3a28.911 28.911 0 0 0 28.36 20z"
/>
<path
fill="#84ffc1"
d="M274.651 301.776h-82.438a14.5 14.5 0 0 0 0 29h82.438a14.5 14.5 0 0 0 0-29z"
/>
<ellipse
cx="284.561"
cy="316.276"
fill="#00e7af"
rx="25.846"
ry="31.363"
transform="rotate(-26.95 284.902 316.564)"
/>
<path
fill="#fde062"
d="M156.244 207.709A73.34 73.34 0 0 1 211.33 96.632a1.785 1.785 0 0 1 1.116 3.3l-.068.043c-26.78 16.905-33.589 54.2-15.216 83.308s54.971 38.99 81.75 22.084l.076-.048a1.781 1.781 0 0 1 2.507 2.4 73.341 73.341 0 0 1-125.251 0z"
/>
</g>
</g>
</svg>
More icons in the same style and category