Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, weather, landscape, sun, sunset, and Dusk. 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="640"
height="640"
viewBox="0 -36 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="-115.264"
x2="396.736"
y1="370.608"
y2="-117.392"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-110.392"
x2="401.608"
y1="375.72"
y2="-112.28"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="-145.488"
x2="366.512"
y1="338.892"
y2="-149.108"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="-143.773"
x2="368.227"
y1="340.696"
y2="-147.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="10.256"
x2="522.256"
y1="502.304"
y2="14.304"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="87.632"
x2="599.632"
y1="583.48"
y2="95.48"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="21.113"
x2="533.113"
y1="513.703"
y2="25.703"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="-50.285"
x2="461.715"
y1="438.785"
y2="-49.215"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="-39.224"
x2="472.776"
y1="450.384"
y2="-37.616"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="14.088"
x2="526.088"
y1="506.32"
y2="18.32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="75.016"
x2="587.016"
y1="570.248"
y2="82.248"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="7.592"
x2="519.592"
y1="499.512"
y2="11.512"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="53.296"
x2="565.296"
y1="547.456"
y2="59.456"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="167.536"
x2="679.536"
y1="667.32"
y2="179.32"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="121.84"
x2="633.84"
y1="619.376"
y2="131.376"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="128.328"
x2="640.328"
y1="626.184"
y2="138.184"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="-38.104"
x2="473.896"
y1="451.568"
y2="-36.432"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="83.76"
x2="595.76"
y1="579.416"
y2="91.416"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path fill="url(#b)" d="M232 0h16v64h-16zm0 0" />
<path fill="url(#c)" d="M0 232h64v16H0zm0 0" />
<path
fill="url(#d)"
d="m121.07 50.008 13.86-8 23.996 41.57-13.856 8zm0 0"
/>
<path
fill="url(#e)"
d="m42.008 134.93 8-13.856 41.57 24.004-8.004 13.856zm0 0"
/>
<path
fill="url(#f)"
d="M16 296v16h448v-16h-91.383c25.504-60.273 7.156-130.164-44.668-170.137-51.82-39.972-124.078-39.972-175.898 0C100.227 165.836 81.879 235.727 107.383 296zm96-56c0-70.691 57.309-128 128-128s128 57.309 128 128a125.836 125.836 0 0 1-12.945 56h-230.11A125.836 125.836 0 0 1 112 240zm0 0"
/>
<path fill="url(#g)" d="M416 232h64v16h-64zm0 0" />
<path
fill="url(#h)"
d="m388.418 145.066 41.57-24 8 13.86-41.57 23.996zm0 0"
/>
<path
fill="url(#i)"
d="m321.074 83.578 23.996-41.57 13.856 8-23.996 41.57zm0 0"
/>
<path fill="url(#j)" d="M24 344h80v16H24zm0 0" />
<path fill="url(#k)" d="M136 344h80v16h-80zm0 0" />
<path fill="url(#l)" d="M264 344h80v16h-80zm0 0" />
<path fill="url(#m)" d="M72 392h80v16H72zm0 0" />
<path fill="url(#n)" d="M184 392h48v16h-48zm0 0" />
<path fill="url(#o)" d="M424 392h48v16h-48zm0 0" />
<path fill="url(#p)" d="M312 392h80v16h-80zm0 0" />
<path fill="url(#q)" d="M376 344h80v16h-80zm0 0" />
<path fill="url(#r)" d="M0 392h32v16H0zm0 0" />
<path fill="url(#s)" d="M256 392h32v16h-32zm0 0" />
</svg>
More icons in the same style and category