Add icons to this collection by clicking the heart icon.
Day And Night icon - also known as weather, sun, moon, and day and night. Created in a clean gradient 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 511 511"
>
<linearGradient
id="a"
x1=".17"
x2="510.83"
y1="255.5"
y2="255.5"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9dd6fc" />
<stop offset=".006" stop-color="#9dd6fc" />
<stop offset="1" stop-color="#d17ff7" />
</linearGradient>
<path
d="M370.83 451c-44.102 0-80-35.879-80-80s35.898-80 80-80 80 35.879 80 80-35.898 80-80 80zm120-80h-40m-160 0h-40m204.853-84.853-28.284 28.284M454.83 175v-40c0-22.091-17.909-40-40-40h-80m-280 240v40c0 22.091 17.909 40 40 40h80m-40 40 40-40-40-40m240-320-40 40 40 40m-88.852 320.853 28.284-28.284M370.83 251v40m0 160v40m-84.852-204.853 28.284 28.284m141.421 141.422-28.284-28.284M220.17 220c-44.182 0-80-35.818-80-80 0-44.185 35.818-80 80-80 3.311 0 6.458.583 9.661.974C207.841 36.042 176.024 20 140.17 20c-66.274 0-120 53.726-120 120s53.726 120 120 120c35.854 0 67.671-16.042 89.661-40.974-3.204.391-6.351.974-9.661.974z"
fill="none"
stroke="url(#a)"
stroke-width="40"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category