Add icons to this collection by clicking the heart icon.
Night Mode icon - also known as smartphone, phone, mobile, moon, ui, electronics, sleep mode, and night 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="#be96f9"
d="M371 504.5H141c-16.569 0-30-13.431-30-30v-437c0-16.569 13.431-30 30-30h230c16.569 0 30 13.431 30 30v437c0 16.569-13.431 30-30 30z"
/>
<path
fill="#9d7ffa"
d="M401 37.5v437c0 16.57-13.43 30-30 30h-30c16.57 0 30-13.43 30-30v-437c0-16.57-13.43-30-30-30h30c16.57 0 30 13.43 30 30z"
/>
<path
fill="#948393"
d="M371 512H141c-20.678 0-37.5-16.822-37.5-37.5v-437C103.5 16.822 120.322 0 141 0h230c20.678 0 37.5 16.822 37.5 37.5v437c0 20.678-16.822 37.5-37.5 37.5zM141 15c-12.406 0-22.5 10.094-22.5 22.5v437c0 12.406 10.094 22.5 22.5 22.5h230c12.406 0 22.5-10.094 22.5-22.5v-437c0-12.406-10.094-22.5-22.5-22.5z"
/>
<path
fill="#9d7ffa"
d="M256 45h-30c-4.143 0-7.5-3.357-7.5-7.5s3.357-7.5 7.5-7.5h30c4.143 0 7.5 3.357 7.5 7.5S260.143 45 256 45zM286.02 45c-4.142 0-7.505-3.357-7.505-7.5s3.354-7.5 7.495-7.5h.01c4.143 0 7.5 3.357 7.5 7.5s-3.358 7.5-7.5 7.5z"
/>
<circle cx="256" cy="301" r="105" fill="#b5dbfd" />
<path
fill="#f5f8f9"
d="M256.674 256.515c3.863-10.614 1.711-21.945-4.709-30.274-1.067-1.385-.031-3.351 1.715-3.243 4.21.261 8.467 1.371 12.548 3.45 13.208 6.73 19.917 21.453 16.326 35.835-4.647 18.616-24.171 28.659-41.72 22.272a31.68 31.68 0 0 1-8.015-4.301c-1.397-1.034-.907-3.202.791-3.575 10.27-2.255 19.201-9.552 23.064-20.164z"
/>
<path
fill="#8dcafc"
d="M224.5 367.479h63c7.456 0 13.5-6.044 13.5-13.5s-6.044-13.5-13.5-13.5h-63c-7.456 0-13.5 6.044-13.5 13.5s6.044 13.5 13.5 13.5zM291 320.979h-70c-4.143 0-7.5-3.357-7.5-7.5s3.357-7.5 7.5-7.5h70c4.143 0 7.5 3.357 7.5 7.5s-3.357 7.5-7.5 7.5z"
/>
<path
fill="#ffcb78"
d="M256 103.658a7.499 7.499 0 0 1-7.5-7.5V68c0-4.143 3.357-7.5 7.5-7.5s7.5 3.357 7.5 7.5v28.158c0 4.143-3.357 7.5-7.5 7.5z"
/>
<path
fill="#b5dbfd"
d="M316 474.5H196c-5.523 0-10-4.477-10-10V446c0-5.523 4.477-10 10-10h120c5.523 0 10 4.477 10 10v18.5c0 5.523-4.477 10-10 10z"
/>
<path
fill="#ffcb78"
d="M256 166c-6.904 0-12.5-5.596-12.5-12.5V141l14.259-10.394L268.5 141v12.5c0 6.904-5.596 12.5-12.5 12.5z"
/>
<path
fill="#ffda99"
d="M282.605 141h-53.211c-3.789 0-6.201-4.05-4.396-7.381l2.334-4.308A55.249 55.249 0 0 0 234 103c0-12.15 9.85-22 22-22s22 9.85 22 22a55.242 55.242 0 0 0 6.668 26.31l2.334 4.308c1.804 3.332-.608 7.382-4.397 7.382z"
/>
</svg>
More icons in the same style and category