Add icons to this collection by clicking the heart icon.
Sunblock icon - also known as summertime, beach, holidays, sunblock, UV protection, beauty, sun cream, and healthcare and medical. 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 64 64"
>
<linearGradient
id="a"
x1="-6.07"
x2="52.378"
y1="63.077"
y2="-1.216"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#cd118c" />
</linearGradient>
<linearGradient
id="b"
x1="5.602"
x2="64.05"
y1="73.688"
y2="9.395"
href="#a"
/>
<linearGradient
id="c"
x1="13.566"
x2="72.014"
y1="80.928"
y2="16.635"
href="#a"
/>
<linearGradient
id="d"
x1="-7.713"
x2="50.736"
y1="61.584"
y2="-2.709"
href="#a"
/>
<linearGradient
id="e"
x1="-10.931"
x2="47.518"
y1="58.658"
y2="-5.635"
href="#a"
/>
<linearGradient
id="f"
x1="-19.31"
x2="39.138"
y1="51.041"
y2="-13.252"
href="#a"
/>
<linearGradient
id="g"
x1="-14.93"
x2="43.519"
y1="55.023"
y2="-9.27"
href="#a"
/>
<linearGradient
id="h"
x1="-16.771"
x2="41.677"
y1="53.349"
y2="-10.945"
href="#a"
/>
<linearGradient
id="i"
x1="-12.391"
x2="46.057"
y1="57.33"
y2="-6.963"
href="#a"
/>
<linearGradient
id="j"
x1="-13.138"
x2="45.31"
y1="56.652"
y2="-7.641"
href="#a"
/>
<linearGradient
id="k"
x1="-8.758"
x2="49.69"
y1="60.634"
y2="-3.66"
href="#a"
/>
<linearGradient
id="l"
x1="-4.975"
x2="53.473"
y1="64.073"
y2="-.221"
href="#a"
/>
<linearGradient
id="m"
x1=".201"
x2="58.65"
y1="68.778"
y2="4.485"
href="#a"
/>
<linearGradient
id="n"
x1="-4.776"
x2="53.672"
y1="64.254"
y2="-.04"
href="#a"
/>
<linearGradient
id="o"
x1="-7.05"
x2="51.398"
y1="62.186"
y2="-2.107"
gradientTransform="rotate(45 42.59 7.578)"
href="#a"
/>
<linearGradient
id="p"
x1="-5.274"
x2="53.175"
y1="63.801"
y2="-.492"
href="#a"
/>
<linearGradient
id="q"
x1="-.665"
x2="57.783"
y1="67.99"
y2="3.697"
gradientTransform="rotate(45 42.593 20.408)"
href="#a"
/>
<linearGradient
id="r"
x1="5.179"
x2="63.627"
y1="73.303"
y2="9.01"
href="#a"
/>
<linearGradient
id="s"
x1="7.453"
x2="65.902"
y1="75.371"
y2="11.078"
gradientTransform="rotate(45 57.422 20.405)"
href="#a"
/>
<linearGradient
id="t"
x1="5.677"
x2="64.125"
y1="73.756"
y2="9.463"
href="#a"
/>
<linearGradient
id="u"
x1="1.068"
x2="59.517"
y1="69.566"
y2="5.273"
gradientTransform="rotate(45 57.42 7.576)"
href="#a"
/>
<path
fill="url(#a)"
d="M20 37H8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1zm-1 6H9v-4h10z"
/>
<path
fill="url(#b)"
d="m44 42.586-11-11v-1.172l5.364-5.364-1.414-1.414-5.657 5.657A1 1 0 0 0 31 30v2a1 1 0 0 0 .293.707L42.586 44H38v2h7a1 1 0 0 0 1-1v-7h-2z"
/>
<path
fill="url(#c)"
d="m44 58.586-11-11v-1.172l3.707-3.707-1.414-1.414-4 4A1 1 0 0 0 31 46v2a1 1 0 0 0 .293.707L42.586 60H38v2h7a1 1 0 0 0 1-1v-7h-2z"
/>
<path fill="url(#d)" d="M10 40h2v2h-2z" />
<path
fill="url(#e)"
d="M25 8H3a1 1 0 0 0-1 1v7.06l2 34A1 1 0 0 0 5 51v5a3.009 3.009 0 0 0 3 3h12a3.009 3.009 0 0 0 3-3v-5a1 1 0 0 0 1-.94l2-34V9a1 1 0 0 0-1-1zm-6 2h2v5h-2zm-4 0h2v5h-2zm-4 0h2v5h-2zm-4 0h2v5H7zm-3 0h1v5H4zm17 46a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1v-1h14zm0-3H7v-2h14zm1.06-4H5.94L4.06 17h19.88zM24 15h-1v-5h1z"
/>
<path fill="url(#f)" d="M7 20h2v2H7z" />
<path fill="url(#g)" d="M11 20h10v2H11z" />
<path fill="url(#h)" d="M7 24h4v2H7z" />
<path fill="url(#i)" d="M13 24h8v2h-8z" />
<path fill="url(#j)" d="M7 28h10v2H7z" />
<path fill="url(#k)" d="M19 28h2v2h-2z" />
<path fill="url(#l)" d="M14 40h4v2h-4z" />
<path
fill="url(#m)"
d="M50 8a6 6 0 1 0 6 6 6.006 6.006 0 0 0-6-6zm0 10a4 4 0 1 1 4-4 4 4 0 0 1-4 4z"
/>
<path fill="url(#n)" d="M49 2h2v4h-2z" />
<path
fill="url(#o)"
d="M41.586 5.586h2v4h-2z"
transform="rotate(-45 42.588 7.595)"
/>
<path fill="url(#p)" d="M38 13h4v2h-4z" />
<path
fill="url(#q)"
d="M40.586 19.414h4v2h-4z"
transform="rotate(-45 42.585 20.424)"
/>
<path fill="url(#r)" d="M49 22h2v4h-2z" />
<path
fill="url(#s)"
d="M56.414 18.414h2v4h-2z"
transform="rotate(-45 57.415 20.426)"
/>
<path fill="url(#t)" d="M58 13h4v2h-4z" />
<path
fill="url(#u)"
d="M55.414 6.586h4v2h-4z"
transform="rotate(-45 57.417 7.597)"
/>
</svg>
More icons in the same style and category