Add icons to this collection by clicking the heart icon.
Sunscreen icon - also known as security, bottle, protection, safety, sun, protect, beauty, sunbathing, sunscreen, sun cream, healthcare and medical, and skincare. Created in a clean lineal color style with a white, black, yellow, 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 0v-86.63c0-5.63-4.56-10.19-10.19-10.19h-128.22c-5.63 0-10.19 4.56-10.19 10.19V0Z"
transform="translate(330.3 104.32)"
fill="#fd9468"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M330.3 85.1H181.7v19.22h148.6z"
fill="#fe7d43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-86.627a10.188 10.188 0 0 0-10.191-10.192h-23.156a10.182 10.182 0 0 1 10.192 10.192V0Z"
transform="translate(330.306 104.322)"
fill="#fe7d43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-59.837l10.878 24.172a5.096 5.096 0 0 0 4.647 3.005h28.788a5.096 5.096 0 0 0 4.647-3.005z"
transform="translate(285.918 37.735)"
fill="#fe5426"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.878 24.172a5.096 5.096 0 0 0 4.647 3.005h28.788a5.096 5.096 0 0 0 4.647-3.005L59.837 0"
transform="translate(226.081 37.735)"
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 0v-33.381c0-5.628 4.563-10.191 10.191-10.191h128.224c5.629 0 10.191 4.563 10.191 10.191v86.628H0V31.855"
transform="translate(181.696 51.072)"
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 0c5.932 0 10.61-5.045 10.163-10.96L-18.87-394.974a10.192 10.192 0 0 0-10.163-9.423h-147.425c-5.33 0-9.76 4.108-10.162 9.423l-29.033 384.015C-216.101-5.045-211.422 0-205.491 0Z"
transform="translate(358.745 504.496)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-16.714-221.033-3.404-45.035-8.917-117.946c-.408-5.31-4.831-9.417-10.161-9.417h-24.969c5.33 0 9.753 4.107 10.16 9.417l8.918 117.946 3.404 45.035 8.948 118.293L-24.969 0c.448 5.921-4.229 10.966-10.161 10.966h24.969C-4.229 10.966.448 5.921 0 0"
transform="translate(368.911 493.534)"
fill="#e2dee2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.58a5.096 5.096 0 0 0-5.096 5.096v34.849a5.096 5.096 0 0 0 5.096 5.096H3.404Z"
transform="translate(348.791 227.466)"
fill="#2dd1e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-3.404-45.036h-24.969L-24.969 0Z"
transform="translate(352.197 272.502)"
fill="#02bed7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.768"
transform="translate(352.195 272.506)"
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 0h-27.361a5.095 5.095 0 0 1-5.096-5.096v-34.849a5.096 5.096 0 0 1 5.096-5.096h99.58"
transform="translate(276.572 272.506)"
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 0-7.773-102.776c-95.026 3.362-163.848-30.687-205.674-60.864L-225.816 0c-.448 5.915 4.231 10.96 10.162 10.96h205.491C-4.231 10.96.447 5.915 0 0"
transform="translate(368.908 493.536)"
fill="#fd9468"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-7.776-102.771a357.78 357.78 0 0 1-24.959.031L-24.969 0c.448 5.921-4.229 10.966-10.161 10.966h24.969C-4.229 10.966.448 5.921 0 0"
transform="translate(368.911 493.534)"
fill="#fe7d43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-95.025 3.363-163.848-30.687-205.674-60.863"
transform="translate(361.135 390.76)"
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 0 22.592-298.821a10.192 10.192 0 0 1 10.163-9.423h147.432c5.331 0 9.76 4.108 10.163 9.423l29.033 384.018c.447 5.914-4.232 10.96-10.163 10.96H3.721c-5.931 0-10.61-5.046-10.162-10.96l4.052-53.61"
transform="translate(149.53 408.34)"
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 0-51.782-9.551a3.31 3.31 0 0 0-1.195-.002L-105.864.008a3.324 3.324 0 0 0-2.733 3.271v18.04a3.325 3.325 0 0 0 2.727 3.27l52.335 9.556c.394.072.8.072 1.194 0l52.335-9.556a3.325 3.325 0 0 0 2.728-3.27V3.269A3.325 3.325 0 0 0 0 0"
transform="translate(315.053 426.802)"
fill="#f3f0f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-51.782-9.551a3.31 3.31 0 0 0-1.195-.002L-105.864.008a3.324 3.324 0 0 0-2.733 3.271v18.04a3.325 3.325 0 0 0 2.727 3.27l52.335 9.556c.394.072.8.072 1.194 0l52.335-9.556a3.325 3.325 0 0 0 2.728-3.27V3.269A3.325 3.325 0 0 0 0 0Z"
transform="translate(315.053 426.802)"
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 0h25.479"
transform="translate(244.115 192.23)"
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 0h53.505"
transform="translate(244.115 168.28)"
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-17.382-14.091-31.474-31.474-31.474-17.381 0-31.472 14.092-31.472 31.474 0 17.382 14.091 31.474 31.472 31.474C-14.091 31.474 0 17.382 0 0"
transform="translate(252.168 352.59)"
fill="#fee35a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.387-14.095-31.471-31.472-31.471-4.014 0-7.857.754-11.393 2.119C-31.114-24.786-22.788-13.372-22.788 0c0 13.361-8.326 24.786-20.077 29.341a31.352 31.352 0 0 0 11.393 2.13C-14.095 31.471 0 17.376 0 0"
transform="translate(252.168 352.592)"
fill="#fed400"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-17.382-14.091-31.474-31.474-31.474-17.381 0-31.472 14.092-31.472 31.474 0 17.382 14.091 31.474 31.472 31.474C-14.091 31.474 0 17.382 0 0Z"
transform="translate(252.168 352.59)"
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 0h146.911"
transform="translate(183.393 37.735)"
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