Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, ocean, weather, sunlight, sun, sunset, sunrise, and afternoon. 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 64 64"
>
<defs>
<linearGradient
id="a"
x1="5.333"
x2="62.934"
y1="62.667"
y2="5.066"
gradientUnits="userSpaceOnUse"
>
<stop offset=".014" stop-color="#4279bd" />
<stop offset=".184" stop-color="#3f83ba" />
<stop offset=".476" stop-color="#389fb0" />
<stop offset=".852" stop-color="#2ccba2" />
<stop offset=".913" stop-color="#2ad39f" />
</linearGradient>
<linearGradient
id="b"
x1="8.833"
x2="66.434"
y1="66.167"
y2="8.566"
href="#a"
/>
<linearGradient
id="c"
x1="12.333"
x2="69.934"
y1="69.667"
y2="12.066"
href="#a"
/>
<linearGradient
id="d"
x1="15.833"
x2="73.434"
y1="73.167"
y2="15.566"
href="#a"
/>
<linearGradient
id="e"
x1="2.741"
x2="60.342"
y1="60.074"
y2="2.473"
href="#a"
/>
<linearGradient
id="f"
x1="-7.417"
x2="50.184"
y1="49.917"
y2="-7.684"
href="#a"
/>
<linearGradient
id="g"
x1="-11.484"
x2="46.118"
y1="45.85"
y2="-11.751"
href="#a"
/>
<linearGradient
id="h"
x1="-11.03"
x2="46.571"
y1="46.303"
y2="-11.298"
href="#a"
/>
<linearGradient
id="i"
x1="-.07"
x2="57.531"
y1="57.263"
y2="-.338"
href="#a"
/>
<linearGradient
id="j"
x1="8.315"
x2="65.916"
y1="65.649"
y2="8.047"
href="#a"
/>
</defs>
<path
d="M58 37a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 46 37h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 33 37h-2a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 19 37h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 6 37a1 1 0 0 1 0-2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C14.516 34.971 17.966 35 18 35h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C27.516 34.971 30.966 35 31 35h2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C41.516 34.971 44.966 35 45 35h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C54.516 34.971 57.966 35 58 35a1 1 0 0 1 0 2Z"
fill="url(#a)"
/>
<path
d="M58 44a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 46 44h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 33 44h-2a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 19 44h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 6 44a1 1 0 0 1 0-2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C14.516 41.971 17.966 42 18 42h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C27.516 41.971 30.966 42 31 42h2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C41.516 41.971 44.966 42 45 42h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C54.516 41.971 57.966 42 58 42a1 1 0 0 1 0 2Z"
fill="url(#b)"
/>
<path
d="M58 51a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 46 51h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 33 51h-2a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 19 51h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 6 51a1 1 0 0 1 0-2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C14.516 48.971 17.966 49 18 49h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C27.516 48.971 30.966 49 31 49h2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C41.516 48.971 44.966 49 45 49h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C54.516 48.971 57.966 49 58 49a1 1 0 0 1 0 2Z"
fill="url(#c)"
/>
<path
d="M58 58a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 46 58h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 33 58h-2a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 19 58h-1a9.175 9.175 0 0 1-6-2.424A9.175 9.175 0 0 1 6 58a1 1 0 0 1 0-2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C14.516 55.971 17.966 56 18 56h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C27.516 55.971 30.966 56 31 56h2c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C41.516 55.971 44.966 56 45 56h1c.032 0 3.498-.05 5.168-2.555a1.038 1.038 0 0 1 1.664 0C54.516 55.971 57.966 56 58 56a1 1 0 0 1 0 2Z"
fill="url(#d)"
/>
<path
d="M45.42 37a1.012 1.012 0 0 1-.287-.042 1 1 0 0 1-.671-1.245 13 13 0 1 0-24.924 0 1 1 0 0 1-1.916.574 15 15 0 1 1 28.756 0 1.001 1.001 0 0 1-.958.713Z"
fill="url(#e)"
/>
<path
d="M32 15a1 1 0 0 1-1-1V7a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1Z"
fill="url(#f)"
/>
<path
d="M22.445 17.746a1 1 0 0 1-.848-.469l-3.716-5.932a1 1 0 1 1 1.695-1.063l3.716 5.933a1 1 0 0 1-.847 1.531Z"
fill="url(#g)"
/>
<path
d="M15.803 25.145a.993.993 0 0 1-.436-.1L9.07 21.99a1 1 0 1 1 .873-1.799l6.298 3.054a1 1 0 0 1-.438 1.9Z"
fill="url(#h)"
/>
<path
d="M41.555 17.746a1 1 0 0 1-.847-1.531l3.716-5.933a1 1 0 1 1 1.695 1.063l-3.716 5.932a1 1 0 0 1-.848.47Z"
fill="url(#i)"
/>
<path
d="M48.197 25.145a1 1 0 0 1-.437-1.899l6.298-3.054a1 1 0 1 1 .873 1.8l-6.298 3.053a.992.992 0 0 1-.436.1Z"
fill="url(#j)"
/>
</svg>
More icons in the same style and category