Add icons to this collection by clicking the heart icon.
Day And Night icon - also known as night, weather, day, sun, moon, and day and night. Created in a clean blue 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 64 64"
>
<path
fill="#2e3192"
d="M37.081 2.417a1 1 0 0 0-1 1v57.166a1 1 0 1 0 2 0V3.417a1 1 0 0 0-1-1zM45.54 16.62c-.23 0-.46 0-.69.01-.84.04-1.68.15-2.5.32a.999.999 0 0 0-.37 1.8c4 2.81 6.42 7.23 6.64 12.12a15.67 15.67 0 0 1-7.55 14.1c-.34.21-.53.59-.47.99.05.39.33.71.71.83 1.35.39 2.76.59 4.2.59.24 0 .47 0 .7-.01 4.11-.18 7.9-1.95 10.67-4.99 2.78-3.03 4.21-6.96 4.02-11.06-.36-8.24-7.11-14.7-15.36-14.7zm9.87 24.41a13.31 13.31 0 0 1-9.28 4.34c-.21.01-.41.01-.62.01-.48 0-.97-.02-1.44-.07 4.33-3.5 6.8-8.88 6.55-14.529-.21-4.7-2.23-9.021-5.62-12.15 7.42-.3 13.58 5.43 13.91 12.78a13.32 13.32 0 0 1-3.5 9.619z"
/>
<path
fill="#4589c9"
d="M58.91 31.41a13.32 13.32 0 0 1-3.5 9.62 13.31 13.31 0 0 1-9.28 4.34c-.21.01-.41.01-.62.01-.48 0-.97-.02-1.44-.07 4.33-3.5 6.8-8.88 6.55-14.529-.21-4.7-2.23-9.021-5.62-12.15 7.42-.301 13.58 5.429 13.91 12.779z"
/>
<path
fill="#2e3192"
d="M19.04 22.21c-5.4 0-9.8 4.39-9.8 9.79s4.4 9.8 9.8 9.8 9.79-4.399 9.79-9.8-4.39-9.79-9.79-9.79zm0 17.59c-4.3 0-7.8-3.5-7.8-7.8s3.5-7.79 7.8-7.79 7.79 3.49 7.79 7.79-3.49 7.8-7.79 7.8z"
/>
<path
fill="#c8e3f6"
d="M26.83 32c0 4.3-3.49 7.8-7.79 7.8s-7.8-3.5-7.8-7.8 3.5-7.79 7.8-7.79 7.79 3.49 7.79 7.79z"
/>
<g fill="#2e3192">
<path
d="M19.038 21.994a1 1 0 0 0 1-1v-3.951a1 1 0 1 0-2 0v3.951a1 1 0 0 0 1 1zM19.038 42.006a1 1 0 0 0-1 1v3.951a1 1 0 1 0 2 0v-3.951a1 1 0 0 0-1-1zM33.994 31h-3.951a1 1 0 1 0 0 2h3.951a1 1 0 1 0 0-2zM9.032 32a1 1 0 0 0-1-1H4.081a1 1 0 1 0 0 2h3.951a1 1 0 0 0 1-1zM10.727 24.715a.998.998 0 0 0 1.414.036 1 1 0 0 0 .036-1.414l-2.723-2.863a1 1 0 0 0-1.45 1.379zM27.348 39.285a1 1 0 0 0-1.45 1.379l2.723 2.863a.998.998 0 0 0 1.414.036 1 1 0 0 0 .036-1.414zM10.727 39.287l-2.723 2.861a1.001 1.001 0 0 0 1.449 1.378l2.723-2.861c.38-.4.365-1.033-.035-1.414a1.005 1.005 0 0 0-1.414.036zM26.624 25.025a.998.998 0 0 0 .725-.311l2.723-2.863a1.001 1.001 0 0 0-1.45-1.379l-2.723 2.863a1 1 0 0 0 .725 1.69z"
/>
</g>
</svg>
More icons in the same style and category