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 lineal color style with a silver, black, 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>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0-104.934-85.066-190-190-190S-380-104.934-380 0s85.066 190 190 190S0 104.934 0 0"
transform="translate(446 314.5)"
fill="#f9ef80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-100.317 0-182.466 77.747-189.502 176.272-46.345-34.648-76.345-89.957-76.345-152.272 0-104.934 85.066-190 190-190s190 85.066 190 190c0 4.617-.174 9.194-.497 13.728C81.959 14.032 42.619 0 0 0"
transform="translate(331.847 290.5)"
fill="#f9d171"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.013-13.48-13.7-24.421-30.627-24.437-16.928-.016-30.661 10.899-30.674 24.379-.012 13.481 13.7 24.421 30.628 24.438C-13.746 24.395-.013 13.48 0 0"
transform="translate(203.583 391.945)"
fill="#ffa2ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c.013-13.48 13.746-24.395 30.673-24.379 16.928.015 30.64 10.956 30.628 24.437-.013 13.48-13.746 24.395-30.674 24.379C13.7 24.421-.013 13.48 0 0"
transform="translate(308.417 392.044)"
fill="#ffa2ad"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.008 8.685-6.154 15.719-13.727 15.712-7.573-.007-13.705-7.053-13.697-15.738.008-8.685 6.154-15.719 13.727-15.712C-6.124-15.731.008-8.685 0 0"
transform="translate(269.701 403.343)"
fill="#333942"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a14.115 14.115 0 0 1 10.676-4.852A14.121 14.121 0 0 1 21.343.02"
transform="translate(180.095 422.619)"
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 0a14.116 14.116 0 0 0-10.667-4.872A14.118 14.118 0 0 0-21.343-.02"
transform="translate(331.847 422.762)"
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-.008 8.685-6.154 15.719-13.727 15.712-7.573-.007-13.705-7.053-13.697-15.738.008-8.685 6.154-15.719 13.727-15.712C-6.124-15.731.008-8.685 0 0Z"
transform="translate(269.701 403.343)"
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 0h201.333L248.5 36.704v120c0 17.053-19.928 26.412-32.992 15.452-14.019-11.761-23.646-27.764-49.843-27.764-41.417 0-41.417 39.999-82.834 39.999-41.416 0-41.416-39.999-82.831-39.999-41.415 0-41.415 39.999-82.831 39.999-41.417 0-41.417-39.999-82.834-39.999-26.197 0-35.824 16.003-49.843 27.764-13.064 10.96-32.992 1.601-32.992-15.452v-120L-201.333 0Z"
transform="translate(256 83.667)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h201.333L248.5 36.704v65.251c0 17.053-19.928 26.413-32.992 15.452-14.019-11.761-23.646-27.764-49.842-27.764-41.418 0-41.418 39.999-82.835 39.999-41.416 0-41.416-39.999-82.831-39.998-41.415 0-41.415 39.999-82.831 39.999-13.839 0-23.055-4.467-30.736-10.414-21.254-16.458-52.098-1.718-52.098 25.163-26.197 0-35.824 16.003-49.843 27.764-13.064 10.96-32.992 1.601-32.992-15.452v-120L-201.333 0Z"
transform="translate(256 83.667)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v62.871c0 17.052 19.928 26.412 32.992 15.452 14.019-11.761 23.646-27.764 49.843-27.764 41.417 0 41.417 39.999 82.834 39.999 41.416 0 41.416-39.999 82.831-39.999 41.415 0 41.415 39.999 82.831 39.999 41.417 0 41.417-39.999 82.834-39.999 26.197 0 35.824 16.003 49.843 27.764C477.072 89.283 497 79.923 497 62.871V0c0-27.614-22.386-50-50-50H50C22.386-50 0-27.614 0 0"
transform="translate(7.5 57.5)"
fill="#a5e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.019-11.761-23.646-27.764-49.843-27.764-41.417 0-41.417 39.999-82.834 39.999-41.416 0-41.416-39.999-82.831-39.999-41.415 0-41.415 39.999-82.831 39.999-13.839 0-23.055-4.466-30.736-10.414-21.254-16.457-52.098-1.717-52.098 25.164-26.197 0-35.824 16.002-49.843 27.764-13.064 10.96-32.992 1.6-32.992-15.452v-62.871c0-27.614 22.386-50 50-50h397c27.614 0 50 22.386 50 50v8.122C32.992 1.6 13.064 10.96 0 0"
transform="translate(471.508 81.074)"
fill="#5bd7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c28.344-33.189 45.458-76.258 45.458-123.324 0-30.338-7.111-59.015-19.756-84.456"
transform="translate(400.542 437.824)"
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-12.561 25.373-19.621 53.954-19.621 84.184 0 104.935 85.066 190.001 190 190.001 47.067 0 90.137-17.115 123.326-45.46"
transform="translate(85.62 230.315)"
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 0v182.871c0 17.052 19.928 26.412 32.992 15.452 14.019-11.761 23.646-27.764 49.843-27.764 41.417 0 41.417 39.999 82.834 39.999 41.416 0 41.416-39.999 82.831-39.999 41.415 0 41.415 39.999 82.831 39.999 41.417 0 41.417-39.999 82.834-39.999 26.197 0 35.824 16.003 49.843 27.764 13.064 10.96 32.992 1.6 32.992-15.452V0c0-27.614-22.386-50-50-50H50C22.386-50 0-27.614 0 0Z"
transform="translate(7.5 57.5)"
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 0c27.213-8.201 32.138-37.926 67.842-37.926 26.197 0 35.824 16.003 49.843 27.764 12.614 10.583 31.628 2.221 32.922-13.719"
transform="translate(353.823 145.985)"
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 0c2.895 14.353 20.62 21.362 32.586 11.323C46.604-.439 56.231-16.441 82.428-16.441c41.417 0 41.417 39.999 82.835 39.999 41.415 0 41.415-39.999 82.831-39.999 35.698 0 40.626 29.718 67.829 37.923"
transform="translate(7.907 124.5)"
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