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="634.171"
y2="632.464"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M234.667 21.333V64c0 5.888 4.779 10.667 10.667 10.667S256 69.888 256 64V21.333c0-5.888-4.779-10.667-10.667-10.667s-10.666 4.779-10.666 10.667z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.057"
x2="-24.35"
y1="624.171"
y2="622.464"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 245.333h-42.667c-5.888 0-10.667 4.779-10.667 10.667s4.779 10.667 10.667 10.667H480c5.888 0 10.667-4.779 10.667-10.667s-4.779-10.667-10.667-10.667z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-46.057"
x2="-44.35"
y1="624.171"
y2="622.464"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M10.667 266.667h42.667C59.221 266.667 64 261.888 64 256s-4.779-10.667-10.667-10.667H10.667C4.779 245.333 0 250.112 0 256s4.779 10.667 10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-28.486"
x2="-27.78"
y1="630.743"
y2="630.036"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="m403.733 82.517-30.187 30.187c-4.16 4.16-4.16 10.923 0 15.083a10.645 10.645 0 0 0 7.552 3.136c2.731 0 5.461-1.045 7.552-3.136l30.165-30.165c4.16-4.16 4.16-10.923 0-15.083-4.159-4.182-10.922-4.182-15.082-.022z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-43.335"
x2="-41.214"
y1="631.45"
y2="629.329"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M109.568 130.901c2.731 0 5.461-1.045 7.531-3.136 4.16-4.16 4.16-10.923 0-15.083L86.933 82.517c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l30.187 30.187a10.63 10.63 0 0 0 7.531 3.114z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-41.28"
x2="-29.126"
y1="627.842"
y2="615.688"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 288h-78.272c2.133-10.453 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.547 3.605 32H10.667C4.779 288 0 292.779 0 298.667s4.779 10.667 10.667 10.667H480c5.888 0 10.667-4.779 10.667-10.667S485.888 288 480 288zm-373.333-32c0-76.459 62.208-138.667 138.667-138.667S384 179.541 384 256c0 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="-37.057"
x2="-33.349"
y1="618.171"
y2="614.464"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13553.445)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M245.333 330.667c-5.888 0-10.667 4.779-10.667 10.667v102.251l-45.781-45.781c-4.16-4.16-10.923-4.16-15.083 0s-4.16 10.923 0 15.083l63.979 63.979a11.044 11.044 0 0 0 3.477 2.325c1.301.533 2.688.811 4.075.811s2.773-.277 4.075-.811a10.164 10.164 0 0 0 3.477-2.325l63.979-63.979c4.16-4.16 4.16-10.923 0-15.083s-10.923-4.16-15.083 0L256 443.584V341.333c0-5.888-4.779-10.666-10.667-10.666z"
fill="url(#g)"
/>
</svg>
More icons in the same style and category