Add icons to this collection by clicking the heart icon.
Dark Mode icon - also known as interface, button, sun, moon, ui, night mode, and dark mode. Created in a clean flat style with a white, silver, gray, orange, and pink 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="512"
height="512"
viewBox="0 0 64 64"
>
<rect width="60" height="30" x="2" y="17" fill="#4c6cb5" rx="15" />
<path fill="#78a0d4" d="M17 21h30v22H17z" />
<path fill="#93bee5" d="M17 21v16h13a2 2 0 0 0 2-2V21z" />
<circle cx="17" cy="32" r="11" fill="#e2e7f6" />
<path
fill="#f2f2f2"
d="M25 31a10.99 10.99 0 0 0-6.061-9.819 10.99 10.99 0 0 0-6.878 20.638A10.955 10.955 0 0 0 25 31z"
/>
<circle cx="47" cy="32" r="11" fill="#e2e7f6" />
<path
fill="#f2f2f2"
d="M55 31a10.99 10.99 0 0 0-6.061-9.819 10.99 10.99 0 0 0-6.878 20.638A10.955 10.955 0 0 0 55 31z"
/>
<g fill="#f9d266">
<path
d="M16 24h2v4h-2zM16 36h2v4h-2zM21 31h4v2h-4zM9 31h4v2H9zM19.342 35.751l1.414-1.414 2.604 2.604-1.414 1.414zM10.634 27.043l1.414-1.414 2.604 2.604-1.414 1.414zM19.341 28.239l2.604-2.604 1.414 1.414-2.604 2.604zM10.631 36.948l2.657-2.657 1.414 1.414-2.657 2.657z"
/>
</g>
<path
fill="#9da1bf"
d="M48.414 26A5.581 5.581 0 0 1 41 33.414 6.095 6.095 0 1 0 48.414 26z"
/>
<circle cx="17" cy="32" r="5" fill="#f4a93c" />
<path
fill="#f6b940"
d="M12 32a4.969 4.969 0 0 0 1.851 3.855 4.977 4.977 0 0 0 4.3-8.71A4.958 4.958 0 0 0 12 32z"
/>
</svg>
More icons in the same style and category