Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, weather, beach, holidays, sun, sunset, and sunrise. Created in a clean flat style with a silver, teal, navy, and pink finish, 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-108.101-87.633-195.734-195.734-195.734-108.102 0-195.735 87.633-195.735 195.734 0 108.101 87.633 195.734 195.735 195.734C-87.633 195.734 0 108.101 0 0"
transform="translate(451.734 316.266)"
fill="#f9ef80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-103.344 0-187.973 80.094-195.222 181.592-47.743-35.694-78.648-92.671-78.648-156.868 0-108.101 87.633-195.734 195.734-195.734 108.101 0 195.734 87.633 195.734 195.734 0 4.757-.179 9.471-.512 14.143C84.433 14.456 43.905 0 0 0"
transform="translate(334.136 291.541)"
fill="#f9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.013-13.887-14.113-25.158-31.552-25.175C-48.99-25.191-63.138-13.947-63.151-.06c-.013 13.888 14.113 25.159 31.552 25.175C-14.161 25.132-.013 13.887 0 0"
transform="translate(202 396.048)"
fill="#ffa2ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.013-13.887 14.161-25.132 31.599-25.115C49.038-25.099 63.164-13.828 63.151.06c-.013 13.887-14.161 25.131-31.599 25.115C14.113 25.158-.013 13.887 0 0"
transform="translate(310 396.15)"
fill="#ffa2ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.008 8.947-6.34 16.194-14.141 16.187-7.801-.008-14.119-7.267-14.11-16.214.008-8.947 6.339-16.194 14.14-16.186C-6.309-16.206.008-8.947 0 0"
transform="translate(270.115 407.79)"
fill="#333942"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a14.542 14.542 0 0 1 10.998-4.998A14.542 14.542 0 0 1 21.987.021"
transform="translate(177.804 427.647)"
fill="none"
stroke="#333942"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a14.544 14.544 0 0 0-10.989-5.019A14.546 14.546 0 0 0-21.987-.021"
transform="translate(334.136 427.795)"
fill="none"
stroke="#333942"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h207.41L256 37.812v123.622c0 17.567-20.53 27.209-33.988 15.918-14.441-12.116-24.359-28.602-51.347-28.602-42.667 0-42.667 41.206-85.334 41.206-42.666 0-42.666-41.206-85.331-41.206-42.665 0-42.665 41.206-85.331 41.206-42.667 0-42.667-41.206-85.334-41.206-26.988 0-36.906 16.486-51.347 28.602C-235.47 188.643-256 179.001-256 161.434V37.812L-207.41 0Z"
transform="translate(256 78.466)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h207.41L256 37.812v67.22c0 17.568-20.53 27.21-33.988 15.919-14.441-12.116-24.359-28.602-51.347-28.602-42.667 0-42.667 41.206-85.334 41.206-42.666 0-42.666-41.206-85.331-41.206-42.665 0-42.665 41.206-85.331 41.206-14.257 0-23.75-4.601-31.663-10.728-21.896-16.954-53.671-1.769-53.671 25.923-26.988 0-36.906 16.486-51.347 28.602C-235.47 188.643-256 179.001-256 161.434V37.812L-207.41 0Z"
transform="translate(256 78.466)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.768c0 17.568 20.53 27.21 33.988 15.919 14.441-12.116 24.359-28.602 51.347-28.602 42.667 0 42.667 41.206 85.334 41.206 42.666 0 42.666-41.206 85.331-41.206 42.665 0 42.665 41.206 85.331 41.206 42.667 0 42.667-41.206 85.334-41.206 26.988 0 36.906 16.486 51.347 28.602C491.47 91.978 512 82.336 512 64.768V0c0-28.448-23.061-51.509-51.509-51.509H51.509C23.061-51.509 0-28.448 0 0"
transform="translate(0 51.51)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.442-12.116-24.359-28.602-51.347-28.602-42.667 0-42.667 41.206-85.335 41.206-42.665 0-42.665-41.206-85.33-41.206-42.666 0-42.666 41.206-85.331 41.206-14.257 0-23.751-4.601-31.664-10.728-21.895-16.954-53.671-1.769-53.671 25.923-26.987 0-36.905 16.486-51.347 28.602-13.458 11.291-33.987 1.649-33.987-15.918v-64.769c0-28.447 23.061-51.509 51.509-51.509h408.982c28.447 0 51.509 23.062 51.509 51.509v8.367C33.988 1.649 13.458 11.291 0 0"
transform="translate(478.012 75.795)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c111.418-111.418 111.667-291.907.747-403.633-111.213-112.021-295.081-110.798-406.699.819l-16.161 16.161c-8.182 8.183-8.182 21.45 0 29.632L-47.362 17.73c8.183 8.183 21.449 8.183 29.632 0z"
transform="translate(428.25 1019.611)"
fill="#2bcf69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-190.289 190.289L-377.665 2.914c-8.182-8.183-8.182-21.449 0-29.632l16.161-16.161c111.193-111.193 294.079-112.814 405.417-2.077C31.603-56.71 12.099-56.547 0-44.448-12.274-32.174-12.274-12.274 0 0"
transform="translate(383.802 659.677)"
fill="#00c272"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category