Add icons to this collection by clicking the heart icon.
Sunscreen icon - also known as summer, summertime, holidays, and sunscreen. Created in a clean flat style with a white, silver, yellow, teal, and orange 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 0h341.566c45.772 44.513 74.217 106.751 74.217 175.641 0 135.31-109.69 245-245 245s-245-109.69-245-245C-74.217 106.751-45.772 44.513 0 0"
transform="translate(85.217 69.359)"
fill="#3f57a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-110.457-89.543-200-200-200S-400-110.457-400 0s89.543 200 200 200S0 110.457 0 0"
transform="translate(456 265)"
fill="#2a428b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40v20c0 11.046 8.954 20 20 20S0 31.046 0 20Z"
transform="translate(276 472)"
fill="#fea53d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M276 352h-40v100h40z"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-11.046 0-20 8.954-20 20v-60h40v60C20 8.954 11.046 0 0 0"
transform="translate(256 392)"
fill="#ade9f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c-11.046 0-20 8.954-20 20s8.954 20 20 20H0c11.046 0 20-8.954 20-20S11.046 0 0 0"
transform="translate(276 432)"
fill="#fea53d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20s8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(256 452)"
fill="#fc753f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c-11.046 0-20 8.954-20 20s8.954 20 20 20H0c11.046 0 20-8.954 20-20S11.046 0 0 0"
transform="translate(276 332)"
fill="#fea53d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-40c-11.046 0-20-8.954-20-20s8.954-20 20-20h40C8.954-20 0-11.046 0 0"
transform="translate(256 352)"
fill="#fc753f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c66.419 0 126.654 26.442 170.783 69.359L116.794 320.41C112.83 338.839 96.538 352 77.688 352H-77.688c-18.85 0-35.142-13.161-39.106-31.59l-53.989-251.051C-126.654 26.442-66.419 0 0 0"
transform="translate(256)"
fill="#ffc242"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.851 0-35.143-13.161-39.106-31.59l-53.989-251.051c20.197-19.643 43.761-35.842 69.758-47.624L40.894-31.59C44.857-13.161 61.149 0 80 0Z"
transform="translate(178.312 352)"
fill="#fea53d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-66.168 0-120 53.832-120 120S-66.168 240 0 240s120-53.832 120-120S66.168 0 0 0"
transform="translate(256 46)"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 8.284 6.716 15 15 15v180c-8.284 0-15 6.716-15 15 0 8.284 6.716 15 15 15-66.168 0-120-53.832-120-120S-51.168-15 15-15C6.716-15 0-8.284 0 0"
transform="translate(241 61)"
fill="#ade9f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-49.706-40.294-90-90-90s-90 40.294-90 90 40.294 90 90 90S0 49.706 0 0"
transform="translate(346 166)"
fill="#fef156"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-10.589 1.134-14.228 14.712-5.624 20.989a6.085 6.085 0 0 1-6.051 10.481c-9.738-4.312-19.678 5.628-15.366 15.366a6.086 6.086 0 0 1-10.481 6.051c-6.277-8.603-19.855-4.965-20.989 5.624a6.086 6.086 0 0 1-12.103 0c-1.134-10.589-14.712-14.227-20.989-5.624a6.086 6.086 0 0 1-10.481-6.051c4.312-9.738-5.627-19.678-15.365-15.366a6.087 6.087 0 0 1-6.052-10.481c8.604-6.277 4.966-19.855-5.624-20.989a6.085 6.085 0 0 1 0-12.103c10.59-1.134 14.228-14.712 5.624-20.989a6.086 6.086 0 0 1 6.052-10.481c9.738 4.312 19.677-5.627 15.365-15.365a6.086 6.086 0 0 1 10.481-6.052c6.277 8.604 19.855 4.966 20.989-5.624a6.086 6.086 0 0 1 12.103 0c1.134 10.59 14.712 14.228 20.989 5.624a6.087 6.087 0 0 1 10.481 6.052c-4.312 9.738 5.628 19.677 15.366 15.365a6.085 6.085 0 0 1 6.051 10.481C-14.228-26.815-10.589-13.237 0-12.103A6.086 6.086 0 0 1 0 0"
transform="translate(320.562 172.051)"
fill="#ffc242"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-24.853 24.853a59.999 59.999 0 0 1-42.426 17.573h-115.148c-11.045 0-19.999-8.954-19.999-19.999v-.001c0-11.045 8.954-20 19.999-20h115.148a20.003 20.003 0 0 0 14.142-5.857l24.853-24.853c7.81-7.811 20.473-7.811 28.284 0C7.81-20.474 7.81-7.81 0 0"
transform="translate(378.426 449.574)"
fill="#e8f8fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 11.046 8.954 20 20 20h-60c-11.046 0-20-8.954-20-20s8.954-20 20-20h60C8.954-20 0-11.046 0 0"
transform="translate(236 472)"
fill="#ade9f7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-22.091-17.909-40-40-40S-80-22.091-80 0s17.909 40 40 40S0 22.091 0 0"
transform="translate(296 166)"
fill="#fea53d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 17.483 11.221 32.337 26.851 37.777A39.913 39.913 0 0 1 13.702 40c-22.091 0-40-17.909-40-40s17.909-40 40-40c4.608 0 9.03.789 13.149 2.223C11.221-32.337 0-17.483 0 0"
transform="translate(242.298 166)"
fill="#fc753f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category