Add icons to this collection by clicking the heart icon.
Day icon - also known as earth, world, weather, day, sun, cycle, and moon. Created in a clean lineal color 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"
>
<g>
<circle cx="256" cy="256" r="208" fill="#96D1F3" />
<g>
<line
x1="232"
y1="256"
x2="248"
y2="256"
fill="none"
stroke="#FFFFFF"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="264"
y1="256"
x2="280"
y2="256"
fill="none"
stroke="#FFFFFF"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
<path
d="M256,48c-4.029,0-8.028,0.127-12,0.353C353.29,54.571,440,145.154,440,256 s-86.71,201.429-196,207.647c3.972,0.226,7.971,0.353,12,0.353c114.875,0,208-93.125,208-208S370.875,48,256,48z"
fill="#3CA6E6"
/>
<path
d="M368,176h-64l-16,16v16h64l32,32v32h-64v64l32,32l-48,48v42.42C395.73,436.75,464,354.35,464,256 c0-49.28-17.15-94.56-45.8-130.2L368,176z"
fill="#D7FC7E"
/>
<path
d="M418.2,125.8l-13.802,13.803C426.871,172.819,440,212.875,440,256 c0,89.562-56.613,165.884-136,195.176v7.244C395.73,436.75,464,354.35,464,256C464,206.72,446.85,161.44,418.2,125.8z"
fill="#55E072"
/>
<path
d="M208,368v-16l-16-16h-80v-48h48l32-32v-32l32-32v-64h-64l-34.2-34.2 C78.368,131.923,48,190.411,48,256c0,53.367,20.106,102.031,53.146,138.854L128,368H208z"
fill="#D7FC7E"
/>
<polyline
points="101.146,394.854 128,368 208,368 208,352 192,336 112,336 112,288 160,288 192,256 192,224 224,192 224,128 160,128"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M208,53.566C223.409,49.926,239.479,48,256,48 c26.509,0,51.86,4.959,75.175,14"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="256"
y1="280"
x2="256"
y2="512"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="256"
y1="0"
x2="256"
y2="232"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<g>
<line
x1="150.627"
y1="86.627"
x2="173.255"
y2="109.255"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<circle cx="128" cy="64" r="32" fill="#FFE477" />
<path
d="M128,32c-3.494,0-6.853,0.567-10,1.603c12.774,4.2,22,16.218,22,30.397s-9.226,26.197-22,30.397 c3.147,1.035,6.506,1.603,10,1.603c17.673,0,32-14.327,32-32C160,46.327,145.673,32,128,32z"
fill="#FDB554"
/>
<circle
cx="128"
cy="64"
r="32"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="128"
y1="0"
x2="128"
y2="32"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="128"
y1="96"
x2="128"
y2="128"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="82.745"
y1="18.745"
x2="105.373"
y2="41.373"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="64"
y1="64"
x2="96"
y2="64"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="160"
y1="64"
x2="192"
y2="64"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="82.745"
y1="109.255"
x2="105.373"
y2="86.627"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="150.627"
y1="41.373"
x2="173.255"
y2="18.745"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
<circle cx="384" cy="64" r="32" fill="#E5EBF5" />
<path
d="M384,32c-3.494,0-6.853,0.567-10,1.603c12.774,4.2,22,16.218,22,30.397s-9.226,26.197-22,30.397 c3.147,1.035,6.506,1.603,10,1.603c17.673,0,32-14.327,32-32C416,46.327,401.673,32,384,32z"
fill="#CAD8EA"
/>
<circle
cx="384"
cy="64"
r="32"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<polyline
points="304,458.42 304,416 352,368 320,336 320,272 384,272 384,240 352,208 288,208 288,192 304,176 368,176 418.2,125.8"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M406.094,112 C441.958,149.373,464,200.112,464,256c0,114.875-93.125,208-208,208S48,370.875,48,256c0-48.273,16.445-92.705,44.037-128"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
</svg>
More icons in the same style and category