Add icons to this collection by clicking the heart icon.
Sunblock icon - also known as protection, safety, summertime, sun, sunblock, UV protection, beauty, lotion, sunscreen, healthcare and medical, and skincare. Created in a clean flat 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="24.961"
x2="39.039"
y1="45.459"
y2="59.536"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#c0cdfb" />
</linearGradient>
<linearGradient
id="b"
x1="27"
x2="37"
y1="49.75"
y2="59.75"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#596c76" />
<stop offset="1" stop-color="#2c3e50" />
</linearGradient>
<linearGradient
id="c"
x1="15.559"
x2="48.675"
y1="7.979"
y2="41.095"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#20aaf7" />
<stop offset=".258" stop-color="#278ceb" />
<stop offset=".594" stop-color="#276dd3" />
<stop offset="1" stop-color="#2432ce" />
</linearGradient>
<linearGradient
id="d"
x1="23.98"
x2="40.02"
y1="-.44"
y2="15.6"
href="#a"
/>
<linearGradient
id="e"
x1="26.154"
x2="37.817"
y1="18.859"
y2="30.522"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fae61e" />
<stop offset="1" stop-color="#f5ad2d" />
</linearGradient>
<linearGradient
id="f"
x1="28.818"
x2="35.182"
y1="21.505"
y2="27.869"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7b733" />
<stop offset="1" stop-color="#fc4a1a" />
</linearGradient>
<path
fill="url(#a)"
d="M41 47.42v9.33a2.006 2.006 0 0 1-2 2H25a2.006 2.006 0 0 1-2-2v-9.33z"
/>
<path fill="url(#b)" d="M23 53.75h18v2H23z" />
<path
fill="url(#c)"
d="M45.298 5.25a1 1 0 0 1 .992 1.123l-.42 3.377-4.85 39H23.863a1 1 0 0 1-.992-.877L18.13 9.75l-.42-3.377a1 1 0 0 1 .992-1.123z"
/>
<path
fill="url(#d)"
d="m46.29 6.37-.42 3.38H18.13l-.42-3.38a1.002 1.002 0 0 1 .99-1.12h26.6a1.002 1.002 0 0 1 .99 1.12z"
/>
<path
fill="url(#e)"
d="M35.075 30.827a4.177 4.177 0 0 0-1.824 1.982.291.291 0 0 1-.479.084 4.558 4.558 0 0 0-2.332-1.31 4.508 4.508 0 0 0-2.748.294.292.292 0 0 1-.414-.251 4.535 4.535 0 0 0-.663-2.132 4.678 4.678 0 0 0-2.646-1.973.294.294 0 0 1-.152-.467 4.542 4.542 0 0 0 1.005-2.581 4.596 4.596 0 0 0-.705-2.701.294.294 0 0 1 .179-.444 4.353 4.353 0 0 0 3.388-3.898.297.297 0 0 1 .442-.236 4.352 4.352 0 0 0 5.128-.628.29.29 0 0 1 .468.098 4.595 4.595 0 0 0 1.844 2.097 4.54 4.54 0 0 0 2.701.61.294.294 0 0 1 .303.387 4.68 4.68 0 0 0 .156 3.297 4.534 4.534 0 0 0 1.398 1.744.293.293 0 0 1-.026.482 4.509 4.509 0 0 0-1.78 2.114 4.558 4.558 0 0 0-.22 2.653.296.296 0 0 1-.349.354 3.986 3.986 0 0 0-2.674.425z"
/>
<circle cx="32" cy="24.687" r="4.499" fill="url(#f)" />
</svg>
More icons in the same style and category