Add icons to this collection by clicking the heart icon.
Sunset icon - also known as weather, sun, sunset, Dusk, and forecast. 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"
>
<linearGradient
id="a"
x1="-3"
x2="67.686"
y1="44.167"
y2="44.167"
gradientUnits="userSpaceOnUse"
>
<stop offset=".24" stop-color="#ffe266" />
<stop offset=".373" stop-color="#ffcc62" />
<stop offset=".648" stop-color="#ff9457" />
<stop offset=".78" stop-color="#ff7752" />
</linearGradient>
<linearGradient id="b" x2="67.686" y1="41.167" y2="41.167" href="#a" />
<linearGradient id="c" x2="67.686" y1="48.167" y2="48.167" href="#a" />
<linearGradient id="d" x2="67.686" y1="27.28" y2="27.28" href="#a" />
<linearGradient id="e" x2="67.686" y1="24.22" y2="24.22" href="#a" />
<linearGradient id="f" x2="67.686" y1="18" y2="18" href="#a" />
<path
fill="url(#a)"
d="M58.999 56.166h-54a3.003 3.003 0 0 1-3-3v-20a1 1 0 0 1 1-1 11.819 11.819 0 0 1 4.487 1.069 10.098 10.098 0 0 0 3.761.931 10.088 10.088 0 0 0 3.759-.931 11.837 11.837 0 0 1 4.488-1.069 6.007 6.007 0 0 1 3.663 1.159 4.389 4.389 0 0 0 5.17 0 6.373 6.373 0 0 1 7.326 0 4.389 4.389 0 0 0 5.17 0 6.018 6.018 0 0 1 3.666-1.159 11.835 11.835 0 0 1 4.491 1.069 10.112 10.112 0 0 0 3.764.931 10.113 10.113 0 0 0 3.764-.931A11.835 11.835 0 0 1 61 32.166a1 1 0 0 1 1 1v20a3.003 3.003 0 0 1-3.001 3zm-55-21.92v18.92a1.001 1.001 0 0 0 1 1h54a1 1 0 0 0 1-1v-18.92a13.212 13.212 0 0 0-2.765.852 11.835 11.835 0 0 1-4.49 1.069 11.83 11.83 0 0 1-4.49-1.069 10.112 10.112 0 0 0-3.765-.931 4.1 4.1 0 0 0-2.587.842 6.374 6.374 0 0 1-7.327 0 4.388 4.388 0 0 0-5.17 0 6.374 6.374 0 0 1-7.326 0 4.096 4.096 0 0 0-2.585-.842 10.097 10.097 0 0 0-3.76.931 11.813 11.813 0 0 1-4.487 1.069 11.819 11.819 0 0 1-4.487-1.069 13.167 13.167 0 0 0-2.761-.852z"
/>
<path
fill="url(#b)"
d="M52.743 43.166a11.83 11.83 0 0 1-4.49-1.068 10.112 10.112 0 0 0-3.764-.931 4.1 4.1 0 0 0-2.587.842 6.374 6.374 0 0 1-7.327 0 4.388 4.388 0 0 0-5.17 0 6.374 6.374 0 0 1-7.326 0 4.096 4.096 0 0 0-2.585-.842 10.097 10.097 0 0 0-3.76.931 11.813 11.813 0 0 1-4.487 1.069 11.819 11.819 0 0 1-4.487-1.069A10.098 10.098 0 0 0 3 41.167a1 1 0 0 1 0-2 11.819 11.819 0 0 1 4.486 1.068 10.098 10.098 0 0 0 3.761.931 10.088 10.088 0 0 0 3.76-.931 11.837 11.837 0 0 1 4.487-1.069 6.007 6.007 0 0 1 3.663 1.159 4.389 4.389 0 0 0 5.17 0 6.373 6.373 0 0 1 7.327 0 4.389 4.389 0 0 0 5.17 0 6.018 6.018 0 0 1 3.665-1.159 11.835 11.835 0 0 1 4.491 1.069 10.112 10.112 0 0 0 3.764.931 10.113 10.113 0 0 0 3.764-.931A11.835 11.835 0 0 1 61 39.166a1 1 0 1 1 0 2 10.112 10.112 0 0 0-3.765.932 11.835 11.835 0 0 1-4.492 1.069z"
/>
<path
fill="url(#c)"
d="M52.743 50.166a11.83 11.83 0 0 1-4.49-1.068 10.112 10.112 0 0 0-3.764-.931 4.1 4.1 0 0 0-2.587.842 6.374 6.374 0 0 1-7.327 0 4.388 4.388 0 0 0-5.17 0 6.374 6.374 0 0 1-7.326 0 4.096 4.096 0 0 0-2.585-.842 10.097 10.097 0 0 0-3.76.931 11.813 11.813 0 0 1-4.487 1.069 11.819 11.819 0 0 1-4.487-1.069A10.098 10.098 0 0 0 3 48.167a1 1 0 0 1 0-2 11.819 11.819 0 0 1 4.486 1.068 10.098 10.098 0 0 0 3.761.931 10.088 10.088 0 0 0 3.76-.931 11.837 11.837 0 0 1 4.487-1.069 6.007 6.007 0 0 1 3.663 1.159 4.389 4.389 0 0 0 5.17 0 6.373 6.373 0 0 1 7.327 0 4.389 4.389 0 0 0 5.17 0 6.018 6.018 0 0 1 3.665-1.159 11.835 11.835 0 0 1 4.491 1.069 10.112 10.112 0 0 0 3.764.931 10.113 10.113 0 0 0 3.764-.931A11.835 11.835 0 0 1 61 46.166a1 1 0 1 1 0 2 10.112 10.112 0 0 0-3.765.932 11.835 11.835 0 0 1-4.492 1.069z"
/>
<path
fill="url(#d)"
d="M21.08 34.39a1 1 0 0 1-.988-.85A9.135 9.135 0 0 1 20 32.17a12 12 0 0 1 24 0 8.91 8.91 0 0 1-.092 1.36 1 1 0 1 1-1.976-.3A7.015 7.015 0 0 0 42 32.17a10 10 0 0 0-20 0 7.237 7.237 0 0 0 .068 1.07 1 1 0 0 1-.839 1.139.986.986 0 0 1-.15.011z"
/>
<path
fill="url(#e)"
d="M48.86 35.27a1 1 0 0 1-.746-1.667c.429-.478.886-1.024.886-1.433 0-.458-.577-1.095-1.086-1.657a5.72 5.72 0 0 1-1.459-2.211 5.86 5.86 0 0 1 .151-2.73 3.523 3.523 0 0 0 .12-1.898c-.217-.378-1.02-.638-1.729-.867a5.772 5.772 0 0 1-2.418-1.223 5.769 5.769 0 0 1-1.215-2.408c-.23-.71-.49-1.512-.867-1.73a3.498 3.498 0 0 0-1.897.117 5.876 5.876 0 0 1-2.73.153 5.74 5.74 0 0 1-2.213-1.46c-.562-.509-1.2-1.086-1.657-1.086s-1.095.577-1.657 1.086a5.734 5.734 0 0 1-2.211 1.459 5.84 5.84 0 0 1-2.732-.152 3.547 3.547 0 0 0-1.896-.12c-.38.218-.64 1.021-.869 1.73a5.768 5.768 0 0 1-1.22 2.417 5.777 5.777 0 0 1-2.41 1.216c-.71.23-1.512.49-1.73.866a3.526 3.526 0 0 0 .12 1.899 5.864 5.864 0 0 1 .151 2.728 5.724 5.724 0 0 1-1.46 2.213c-.509.563-1.086 1.2-1.086 1.658a2.86 2.86 0 0 0 .875 1.423 1 1 0 1 1-1.49 1.333A4.3 4.3 0 0 1 13 32.17a4.691 4.691 0 0 1 1.604-3 4.568 4.568 0 0 0 1.011-1.392 4.668 4.668 0 0 0-.177-1.79 4.597 4.597 0 0 1 .108-3.322 4.66 4.66 0 0 1 2.842-1.763 4.558 4.558 0 0 0 1.611-.728 4.56 4.56 0 0 0 .734-1.619 4.628 4.628 0 0 1 1.77-2.844 4.588 4.588 0 0 1 3.316-.106 4.578 4.578 0 0 0 1.792.177A4.565 4.565 0 0 0 29 14.772 4.692 4.692 0 0 1 32 13.17a4.692 4.692 0 0 1 2.999 1.603 4.569 4.569 0 0 0 1.393 1.012 4.688 4.688 0 0 0 1.79-.178 4.596 4.596 0 0 1 3.322.11 4.664 4.664 0 0 1 1.763 2.841 4.557 4.557 0 0 0 .727 1.612 4.547 4.547 0 0 0 1.62.733 4.63 4.63 0 0 1 2.843 1.77 4.595 4.595 0 0 1 .106 3.316 4.656 4.656 0 0 0-.177 1.792 4.57 4.57 0 0 0 1.01 1.39A4.691 4.691 0 0 1 51 32.17a4.27 4.27 0 0 1-1.394 2.767 1 1 0 0 1-.746.333z"
/>
<path
fill="url(#f)"
d="M55.999 28.166a1.984 1.984 0 0 1-1.6-.8l-4-5.333a2 2 0 0 1 1.6-3.2h1.526l-1.335-8.698a1.97 1.97 0 0 1 .446-1.593 2.005 2.005 0 0 1 1.532-.709h3.66a2.005 2.005 0 0 1 1.533.709 1.976 1.976 0 0 1 .444 1.605l-1.331 8.686h1.525a2 2 0 0 1 1.6 3.2l-4 5.333a1.981 1.981 0 0 1-1.6.8zm-4-7.333 4 5.334 4-5.334h-2.69a1 1 0 0 1-.988-1.15l1.51-9.85H54.17l1.509 9.85a1 1 0 0 1-.988 1.15z"
/>
</svg>
More icons in the same style and category