Add icons to this collection by clicking the heart icon.
Sunset icon - also known as weather, sun, sunset, Dusk, forecast, and evening. 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>
<g>
<rect x="0" y="282.697" width="512" height="144" fill="#96D1F3" />
<rect x="0" y="406.697" width="512" height="20" fill="#3CA6E6" />
<path
d="M384,282.697H128c0-70.69,57.31-128,128-128S384,212.007,384,282.697z"
fill="#FFE477"
/>
<path
d="M256,154.697c-4.047,0-8.049,0.197-12,0.564c65.062,6.051,116,60.793,116,127.436h24 C384,212.007,326.69,154.697,256,154.697z"
fill="#FDB554"
/>
<path
d="M128,282.697h256c0-6.804-0.536-13.483-1.559-20H129.559C128.536,269.214,128,275.892,128,282.697z"
fill="#FDB554"
/>
<path
d="M128,282.697c0-70.692,57.308-128,128-128 s128,57.308,128,128"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="256"
y1="154.697"
x2="256"
y2="74.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="192"
y1="171.845"
x2="152"
y2="102.563"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="145.149"
y1="218.697"
x2="75.867"
y2="178.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="436.133"
y1="178.697"
x2="366.851"
y2="218.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="360"
y1="102.563"
x2="320"
y2="171.845"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="216"
y1="282.697"
x2="0"
y2="282.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="512"
y1="282.697"
x2="296"
y2="282.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="216"
y1="330.697"
x2="0"
y2="330.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="512"
y1="330.697"
x2="296"
y2="330.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="176"
y1="378.697"
x2="0"
y2="378.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="512"
y1="378.697"
x2="336"
y2="378.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="224"
y1="426.697"
x2="0"
y2="426.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="512"
y1="426.697"
x2="288"
y2="426.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
<g>
<line
x1="232"
y1="242.697"
x2="248"
y2="242.697"
fill="none"
stroke="#FFFFFF"
stroke-width="15"
stroke-miterlimit="10"
/>
<line
x1="264"
y1="242.697"
x2="280"
y2="242.697"
fill="none"
stroke="#FFFFFF"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="408"
y1="306.697"
x2="424"
y2="306.697"
fill="none"
stroke="#FFFFFF"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="24"
y1="354.697"
x2="40"
y2="354.697"
fill="none"
stroke="#FFFFFF"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="456"
y1="402.697"
x2="472"
y2="402.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
<g>
<line
x1="376"
y1="306.697"
x2="392"
y2="306.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
</g>
<g>
<g>
<polygon
points="304,378.697 256,426.697 208,378.697 240,378.697 240,282.697 272,282.697 272,378.697"
fill="#FF7956"
/>
</g>
<g>
<path
d="M280,378.697l-36,36c4.5,4.5,12,12,12,12l48-48H280z"
fill="#FE3E61"
/>
</g>
<g>
<polygon
points="304,378.697 256,426.697 208,378.697 240,378.697 240,282.697 272,282.697 272,378.697"
fill="none"
stroke="#000000"
stroke-width="15"
stroke-miterlimit="10"
/>
</g>
</g>
</g>
</svg>
More icons in the same style and category