Add icons to this collection by clicking the heart icon.
Sunscreen icon - also known as summer, holidays, beauty, lotion, sunscreen, sun block, sun protection, and sun cream. Created in a clean gradient style, 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="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="c"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" />
<stop offset="1" stop-color="#ffa9d4" />
</linearGradient>
<radialGradient
id="d"
cx="256"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8d00db" />
<stop offset=".198" stop-color="#b11be7" stop-opacity=".802" />
<stop offset=".42" stop-color="#d134f1" stop-opacity=".58" />
<stop offset=".632" stop-color="#e946f9" stop-opacity=".368" />
<stop offset=".831" stop-color="#f750fd" stop-opacity=".169" />
<stop offset="1" stop-color="#fc54ff" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#fc54ff" />
<stop offset="1" stop-color="#fda0ff" />
</linearGradient>
<linearGradient
id="e"
x1="163.876"
x2="1021.703"
y1="490"
y2="-367.827"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="166.148"
x2="476.839"
y1="535.288"
y2="224.596"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="37.859"
x2="403.122"
y1="562.145"
y2="196.882"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="108.384"
x2="338.826"
y1="574.714"
y2="344.272"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fc54ff" />
<stop offset=".087" stop-color="#fd71ff" />
<stop offset=".236" stop-color="#fd9cff" />
<stop offset=".387" stop-color="#fec0ff" />
<stop offset=".539" stop-color="#fedcff" />
<stop offset=".691" stop-color="#ffefff" />
<stop offset=".844" stop-color="#fffbff" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="-159.767"
x2="391.838"
y1="467.867"
y2="-83.739"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-190.855"
x2="334.642"
y1="582.442"
y2="56.945"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="-252.707"
x2="514.169"
y1="815.626"
y2="48.75"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="-155.175"
x2="345.735"
y1="787.217"
y2="286.307"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="-267.499"
x2="912.118"
y1="663.831"
y2="-515.786"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="-220.759"
x2="750.721"
y1="719.132"
y2="-252.348"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="o"
x1="-45.472"
x2="269.248"
y1="91.536"
y2="-90.169"
gradientTransform="rotate(-14.98 867.266 -454.027)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="-108.214"
x2="205.532"
y1="166.077"
y2="-15.064"
gradientTransform="rotate(-14.98 867.266 -454.027)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="41.298"
x2="293.634"
y1="440.225"
y2="187.889"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="r"
x1="134.132"
x2="320.996"
y1="347.395"
y2="160.531"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<circle cx="256" cy="256" r="256" fill="url(#c)" />
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<path
fill="url(#e)"
d="M259.58 376.761c-29.093 15.403-57.982 30.474-86.539 44.791.093 5.082.191 10.164.293 15.246.175 8.414 7.042 15.508 15.319 15.774 23.623.747 47.246 1.102 70.87 1.063.024-25.625.043-51.25.057-76.874z"
/>
<path
fill="url(#f)"
d="M244.479 438.234c.03 8.488 6.767 15.415 15.045 15.401a2125.93 2125.93 0 0 0 63.823-1.063c8.278-.266 15.145-7.359 15.319-15.774.102-5.082.2-10.164.293-15.246-31.228-14.232-62.814-29.335-94.62-44.808.036 20.497.083 40.993.14 61.49z"
/>
<path
fill="url(#g)"
d="M290.139 361.252c-39.333.313-78.666.085-117.999-.684.229 20.328.529 40.656.901 60.985 23.799.766 47.598 1.203 71.396 1.309a13176.575 13176.575 0 0 1 45.702-61.61z"
/>
<path
fill="url(#h)"
d="M244.313 361.372c.032 20.497.074 40.993.126 61.49 31.507.141 63.013-.295 94.52-1.309.372-20.328.672-40.656.901-60.985-31.85.622-63.699.89-95.547.804z"
/>
<path
fill="url(#i)"
d="M201.309 74.065a2135.096 2135.096 0 0 0-70.81 2.997c-8.278.495-15.251 7.662-15.545 15.937-.266 7.639-.514 15.279-.744 22.918 46.811 12.54 94.143 27.06 141.789 42.435-18.546-28.329-36.867-56.53-54.69-84.287z"
/>
<path
fill="url(#j)"
d="M381.5 77.063a2129.798 2129.798 0 0 0-180.19-2.997c-8.278.216-15.121 7.285-15.27 15.721-.132 7.783-.255 15.567-.369 23.35 23.219 14.678 46.697 29.842 70.33 45.217 47.646-15.375 94.978-29.895 141.789-42.435-.23-7.639-.478-15.279-.744-22.918-.295-8.276-7.269-15.443-15.546-15.938z"
/>
<path
fill="url(#k)"
d="M256 271.547c-34.895 22.356-69.766 44.678-104.293 66.1 1.834 13.221 3.699 26.458 5.589 39.71 1.09 7.612 7.65 13.503 15.302 13.704 23.923.617 47.846.969 71.77 1.055 3.795-40.176 7.711-80.372 11.632-120.569z"
/>
<path
fill="url(#l)"
d="M229.226 378.602c1.003 7.679 7.49 13.487 15.142 13.514 31.678.114 63.356-.238 95.034-1.055 7.652-.201 14.213-6.091 15.302-13.704 1.89-13.252 3.755-26.489 5.589-39.71-34.527-21.423-69.397-43.744-104.293-66.1-10.703 22.356-21.399 44.709-31.989 66.977 1.735 13.356 3.476 26.716 5.215 40.078z"
/>
<path
fill="url(#m)"
d="M301.893 177.357c-39.105-21.951-77.957-43.709-116.223-64.221-23.82.615-47.64 1.542-71.459 2.782-.14 4.658.823 9.194 2.819 13.267 7.506 15.317 12.39 32.128 14.383 49.549 6.022 52.658 12.908 105.656 20.295 158.913 24.101.447 48.202.74 72.304.877 25.803-53.611 52.223-107.721 77.881-161.167z"
/>
<path
fill="url(#n)"
d="M185.67 113.136c-.07 4.745.96 9.396 3.014 13.596 7.723 15.793 12.801 32.966 14.944 50.691 6.478 53.576 13.392 107.303 20.384 161.101a5618.49 5618.49 0 0 0 136.282-.877c7.387-53.257 14.273-106.255 20.295-158.913 1.993-17.421 6.876-34.232 14.383-49.549 1.996-4.073 2.96-8.61 2.819-13.267a2726.26 2726.26 0 0 0-212.121-2.782z"
/>
<path
fill="url(#o)"
d="M201.287 163.386c-4.047.247-7.299 3.634-7.332 7.736-.088 11.518-6.295 22.222-16.322 28.079-3.683 2.154-4.974 6.83-2.877 10.456 5.712 9.881 5.67 22.157-.132 32.115a7.575 7.575 0 0 0 2.792 10.419 32.15 32.15 0 0 1 16.19 27.87c.007 4.232 3.454 7.671 7.698 7.685a32.482 32.482 0 0 1 16.745 4.721c-4.943-38.406-9.795-76.764-14.423-115.045a159.763 159.763 0 0 0-2.339-14.036z"
/>
<path
fill="url(#p)"
d="M337.379 241.781c-5.806-9.964-5.848-22.24-.139-32.116 2.099-3.63.809-8.306-2.872-10.46-10.03-5.858-16.237-16.563-16.326-28.075-.034-4.231-3.482-7.71-7.699-7.766-11.488-.149-22.135-6.391-27.902-16.439-2.122-3.694-6.779-4.985-10.415-2.879a32.021 32.021 0 0 1-32.055 0c-3.637-2.107-8.294-.816-10.414 2.874-5.768 10.051-16.416 16.293-27.904 16.442-.124.002-.244.016-.366.023a160.1 160.1 0 0 1 2.34 14.037c4.628 38.281 9.48 76.639 14.423 115.045a32.445 32.445 0 0 1 11.293 11.513c2.128 3.684 6.825 4.955 10.495 2.838a32.377 32.377 0 0 1 32.326 0c3.672 2.118 8.368.846 10.494-2.833a32.496 32.496 0 0 1 28.039-16.237c4.245-.014 7.692-3.453 7.698-7.678.016-11.517 6.181-22.159 16.186-27.875a7.574 7.574 0 0 0 2.798-10.414z"
/>
<path
fill="url(#q)"
d="M302.08 225.517c.064 25.385-20.611 46.015-46.08 46.03-25.469-.015-46.144-20.645-46.08-46.03.079-25.381 20.754-46.209 46.08-46.22 25.325.011 46.001 20.839 46.08 46.22z"
/>
<path
fill="url(#r)"
d="M271.37 240.803c-25.471-.029-46.107-20.625-46.021-46.055a46.32 46.32 0 0 1 .176-3.761c-9.519 8.494-15.571 20.83-15.604 34.53-.064 25.385 20.611 46.015 46.08 46.03 24.2-.011 44.059-18.65 45.923-42.275a45.962 45.962 0 0 1-30.554 11.531z"
/>
</svg>
More icons in the same style and category