Add icons to this collection by clicking the heart icon.
Sunset icon - also known as nature, sea, weather, travel, beach, holidays, sun, sunset, sunrise, and beach sunset. Created in a clean lineal color style with a silver, black, teal, orange, 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>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0a75.159 75.159 0 0 0-12.567 63.376l2.175 8.575a14.575 14.575 0 0 1-6.678 16.113l-7.577 4.506a75.16 75.16 0 0 0-35.957 53.742l-1.277 8.744a14.577 14.577 0 0 1-12.317 12.317l-8.743 1.276a75.163 75.163 0 0 0-53.742 35.957l-4.506 7.579a14.575 14.575 0 0 1-16.114 6.677l-8.575-2.175a75.158 75.158 0 0 0-63.376 12.567l-7.115 5.299a14.579 14.579 0 0 1-17.411 0l-7.115-5.298a75.159 75.159 0 0 0-63.376-12.568l-8.575 2.176a14.576 14.576 0 0 1-16.113-6.678l-4.506-7.578a75.165 75.165 0 0 0-53.743-35.957l-8.743-1.276a14.578 14.578 0 0 1-12.317-12.317l-1.276-8.744a75.165 75.165 0 0 0-35.957-53.742l-7.579-4.506a14.577 14.577 0 0 1-6.678-16.114l2.176-8.575A75.156 75.156 0 0 0-490.149.001l245.074-33.293z"
transform="translate(501.075 249.426)"
fill="#ff748f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 107.092 86.815 193.907 193.907 193.907 107.092 0 193.906-86.815 193.906-193.907Z"
transform="translate(62.093 233.606)"
fill="#f8d070"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-4.951.378-9.953.572-15 .572-107.092 0-193.907-86.815-193.907-193.907h30C-178.907-91.29-100.082-7.657 0 0"
transform="translate(271 426.94)"
fill="#ffa83f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.554-14.815-26.352-33.09-26.352-18.275 0-33.09 11.798-33.09 26.352 0 14.553 14.815 26.351 33.09 26.351C-14.815 26.351 0 14.553 0 0"
transform="translate(199.41 308.129)"
fill="#ffa0ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-14.554 14.815-26.352 33.09-26.352 18.275 0 33.09 11.798 33.09 26.352 0 14.553-14.815 26.351-33.09 26.351C14.815 26.351 0 14.553 0 0"
transform="translate(312.59 308.129)"
fill="#ffa0ab"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a71.341 71.341 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.341 71.341 0 0 0 71 0v-78.043l-65.847-37.898H42.144L0-78.043Z"
transform="translate(7.5 256.417)"
fill="#b3e8f0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a71.346 71.346 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.346 71.346 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.346 71.346 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.346 71.346 0 0 0 71 0v-78.044l-63.75-32.867H56.824L0-78.044Z"
transform="translate(7.5 178.374)"
fill="#64d1e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a71.341 71.341 0 0 0 71 0 71.346 71.346 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.346 71.346 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.346 71.346 0 0 1 71 0 71.341 71.341 0 0 0 71 0v-75.193H0Z"
transform="translate(7.5 100.33)"
fill="#00a7c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.878"
transform="translate(185.605 346.697)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.513-5.179 11.151-8.455 18.559-8.455 7.408 0 14.046 3.276 18.559 8.455"
transform="translate(237.44 333.898)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 8.242 6.682 14.924 14.924 14.924 8.242 0 14.924-6.682 14.924-14.924"
transform="translate(313.957 334.179)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0a71.341 71.341 0 0 0-71 0 71.346 71.346 0 0 1-71 0 71.341 71.341 0 0 0-71 0 71.346 71.346 0 0 1-71 0 71.341 71.341 0 0 0-71 0 71.346 71.346 0 0 1-71 0v-78.044a71.341 71.341 0 0 0 71 0 71.346 71.346 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.346 71.346 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.346 71.346 0 0 1 71 0 71.341 71.341 0 0 0 71 0V0A71.346 71.346 0 0 1 0 0Z"
transform="translate(433.5 178.374)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h73.026v75.193a71.336 71.336 0 0 1-71 0 71.346 71.346 0 0 0-71 0 71.336 71.336 0 0 1-71 0 71.346 71.346 0 0 0-71 0 71.336 71.336 0 0 1-71 0 71.346 71.346 0 0 0-71 0 71.336 71.336 0 0 1-71 0V0H-30"
transform="translate(431.474 25.137)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0a71.341 71.341 0 0 0-71 0 71.341 71.341 0 0 1-71 0 71.341 71.341 0 0 0-71 0 71.341 71.341 0 0 1-71 0 71.341 71.341 0 0 0-71 0 71.341 71.341 0 0 1-71 0v-78.043a71.346 71.346 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.346 71.346 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.346 71.346 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.346 71.346 0 0 0 71 0V0A71.341 71.341 0 0 1 0 0Z"
transform="translate(433.5 256.417)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c31.459 22.024 69.753 34.954 111.071 34.954 97.227 0 177.735-71.559 191.743-164.882a71.358 71.358 0 0 0 46.034-1.195 75.153 75.153 0 0 0-5.269 51.366l2.175 8.575a14.577 14.577 0 0 1-6.678 16.114l-7.577 4.505A75.161 75.161 0 0 0 295.542 3.18l-1.277 8.743a14.576 14.576 0 0 1-12.317 12.317l-8.743 1.277a75.157 75.157 0 0 0-53.742 35.957l-4.506 7.578a14.576 14.576 0 0 1-16.114 6.678l-8.575-2.176a75.159 75.159 0 0 0-63.376 12.568l-7.115 5.298a14.576 14.576 0 0 1-17.411 0l-7.115-5.298a75.158 75.158 0 0 0-63.376-12.567L23.3 75.73a14.575 14.575 0 0 1-16.113-6.678l-4.506-7.577a75.16 75.16 0 0 0-53.742-35.957l-8.744-1.277a14.577 14.577 0 0 1-12.317-12.317l-1.276-8.743a75.167 75.167 0 0 0-35.957-53.743l-7.578-4.505a14.578 14.578 0 0 1-6.679-16.115l2.176-8.575a75.153 75.153 0 0 0-5.27-51.366 71.358 71.358 0 0 0 46.034 1.195c6.565 43.736 27.735 82.691 58.387 111.741"
transform="translate(144.929 392.559)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-30.652-29.051-51.822-68.006-58.387-111.742a71.306 71.306 0 0 0 14.243-6.212 71.341 71.341 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.341 71.341 0 0 0 71 0 71.341 71.341 0 0 1 71 0 71.34 71.34 0 0 0 14.244 6.212C311.092-18.419 230.584 53.142 133.356 53.142c-41.318 0-79.612-12.93-111.071-34.955"
transform="translate(122.644 374.371)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category