Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, weather, travel, beach, holidays, sun, sunset, sunrise, half sun, and beach sunset. 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="470pt"
height="470pt"
viewBox="0 -34 470 470"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00efd1" />
<stop offset="1" stop-color="#00acea" />
</linearGradient>
<linearGradient
id="b"
x1="234"
x2="234"
y1="-42"
y2="432.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="434.5"
x2="434.5"
y1="-42"
y2="432.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="35.5"
x2="35.5"
y1="-42"
y2="432.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="375.925"
x2="375.925"
y1="-42"
y2="432.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="94.075"
x2="94.075"
y1="-42"
y2="432.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="234.5"
x2="234.5"
y1="-42"
y2="432.152"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M234 71c5.523 0 10-4.477 10-10V10c0-5.523-4.477-10-10-10s-10 4.477-10 10v51c0 5.523 4.477 10 10 10zm0 0"
/>
<path
fill="url(#c)"
d="M460 226h-51c-5.523 0-10 4.477-10 10s4.477 10 10 10h51c5.523 0 10-4.477 10-10s-4.477-10-10-10zm0 0"
/>
<path
fill="url(#d)"
d="M71 236c0-5.523-4.477-10-10-10H10c-5.523 0-10 4.477-10 10s4.477 10 10 10h51c5.523 0 10-4.477 10-10zm0 0"
/>
<path
fill="url(#e)"
d="M358.188 121.563a9.96 9.96 0 0 0 7.07-2.93L400.73 83.16c3.88-3.91 3.864-10.219-.03-14.11-3.891-3.894-10.2-3.91-14.11-.03l-35.473 35.472a10.003 10.003 0 0 0-2.168 10.899 10.002 10.002 0 0 0 9.238 6.171zm0 0"
/>
<path
fill="url(#f)"
d="M104.742 118.633a10.002 10.002 0 0 0 9.676 2.625 10.019 10.019 0 0 0 7.09-7.09 10.002 10.002 0 0 0-2.625-9.676L83.41 69.02c-3.91-3.88-10.219-3.864-14.11.03-3.894 3.891-3.91 10.2-.03 14.11zm0 0"
/>
<g fill="url(#g)">
<path
d="M445 301h-97.7c32.31-54.766 20.407-124.855-28.179-165.879-48.582-41.027-119.672-41.027-168.254 0C102.285 176.145 90.38 246.234 122.691 301H24c-5.523 0-10 4.477-10 10s4.477 10 10 10h421c5.523 0 10-4.477 10-10s-4.477-10-10-10zm-320.395-66.25c0-60.969 49.426-110.395 110.395-110.395s110.395 49.426 110.395 110.395A109.092 109.092 0 0 1 323.3 301H146.703a110.698 110.698 0 0 1-22.098-66.25zM395 341H74c-5.523 0-10 4.477-10 10s4.477 10 10 10h321c5.523 0 10-4.477 10-10s-4.477-10-10-10zM345 381H124c-5.523 0-10 4.477-10 10s4.477 10 10 10h221c5.523 0 10-4.477 10-10s-4.477-10-10-10zm0 0"
/>
</g>
</svg>
More icons in the same style and category