Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, weather, landscape, sun, sunset, Dusk, and half sun. 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="100"
height="100"
viewBox="0 0 490.667 490.667"
>
<linearGradient
id="a"
x1="-36.057"
x2="-34.35"
y1="645.838"
y2="644.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M234.667 10.667v42.667c0 5.888 4.779 10.667 10.667 10.667S256 59.221 256 53.333V10.667C256 4.779 251.221 0 245.333 0s-10.666 4.779-10.666 10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.057"
x2="-24.35"
y1="635.838"
y2="634.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M437.333 256H480c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-42.667c-5.888 0-10.667 4.779-10.667 10.667S431.445 256 437.333 256z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-46.057"
x2="-44.35"
y1="635.838"
y2="634.131"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 256h42.667C59.221 256 64 251.221 64 245.333s-4.779-10.667-10.667-10.667H10.667C4.779 234.667 0 239.445 0 245.333S4.779 256 10.667 256z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-28.487"
x2="-27.779"
y1="642.41"
y2="641.703"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m403.733 71.851-30.187 30.165c-4.16 4.16-4.16 10.923 0 15.083a10.623 10.623 0 0 0 7.552 3.115c2.731 0 5.461-1.045 7.531-3.115l30.187-30.165c4.16-4.16 4.16-10.923 0-15.083-4.181-4.16-10.923-4.16-15.083 0z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.335"
x2="-41.213"
y1="643.116"
y2="640.995"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M102.037 117.099a10.56 10.56 0 0 0 7.531 3.136c2.731 0 5.461-1.045 7.531-3.115 4.16-4.16 4.16-10.923 0-15.083L86.933 71.851c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l30.187 30.165z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-41.28"
x2="-29.126"
y1="639.509"
y2="627.355"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 298.667H480c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667h-78.272c2.133-10.432 3.605-21.077 3.605-32 0-88.235-71.765-160-160-160s-160 71.765-160 160c0 10.923 1.472 21.568 3.605 32H10.667C4.779 277.333 0 282.112 0 288s4.779 10.667 10.667 10.667zm96-53.334c0-76.459 62.208-138.667 138.667-138.667S384 168.875 384 245.333c0 10.987-1.579 21.632-4.053 32H110.72c-2.475-10.368-4.053-21.013-4.053-32z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="-39.557"
x2="-30.85"
y1="634.338"
y2="625.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M426.667 352c0-5.888-4.779-10.667-10.667-10.667H74.667C68.779 341.333 64 346.112 64 352s4.779 10.667 10.667 10.667H416c5.888 0 10.667-4.779 10.667-10.667z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="-37.805"
x2="-31.602"
y1="630.088"
y2="623.881"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M138.667 405.333c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667h234.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H138.667z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="-40.559"
x2="-29.848"
y1="629.338"
y2="618.631"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M21.333 480c0 5.888 4.779 10.667 10.667 10.667h426.667c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667H32c-5.888 0-10.667 4.779-10.667 10.667z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category