Add icons to this collection by clicking the heart icon.
Sunblock icon - also known as summertime, beach, sunblock, UV protection, beauty, sun cream, and healthcare and medical. Created in a clean lineal 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="640"
height="640"
viewBox="-104 0 480 480"
>
<linearGradient id="a">
<stop offset="0" stop-color="#fc5c7d" />
<stop offset=".129" stop-color="#f35e85" />
<stop offset=".343" stop-color="#d9659b" />
<stop offset=".616" stop-color="#b070bf" />
<stop offset=".934" stop-color="#777ff0" />
<stop offset="1" stop-color="#6a82fb" />
</linearGradient>
<linearGradient
id="b"
x1="14.437"
x2="14.437"
y1="-45.999"
y2="518.033"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="246.728"
x2="246.728"
y1="-46.002"
y2="518.03"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="257.019"
x2="257.019"
y1="-45.999"
y2="518.033"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="141.06"
x2="141.06"
y1="-46"
y2="518.032"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="129.06"
x2="129.06"
y1="-46"
y2="518.032"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="m0 72.754 15.918-1.52 12.965 136-15.922 1.52zm0 0"
/>
<path
fill="url(#c)"
d="m238.004 367.242 1.523-16 15.922 1.516-1.523 16zm0 0"
/>
<path
fill="url(#d)"
d="m241.055 335.238 15.992-168 15.922 1.516-15.992 168zm0 0"
/>
<path
fill="url(#e)"
d="M245.059 0h-208a8 8 0 0 0-8 8v32c0 .145.074.258.082.39.007.137-.055.243-.04.372l32 335.582V456c0 13.254 10.743 24 24 24H197.06c13.257 0 24-10.746 24-24v-79.656l32-335.543c0-.13-.047-.242 0-.367.05-.13 0-.29 0-.434V8c0-4.418-3.579-8-8-8zm-200 16h192v16h-192zm160 416h-24.797c-3.785-18.645-20.18-32.04-39.203-32.04-19.02 0-35.414 13.395-39.2 32.04h-24.8v-48h128zm-41.47 0h-45.058a23.858 23.858 0 0 1 45.059 0zm41.47 24c0 4.418-3.579 8-8 8h-112a8 8 0 0 1-8-8v-8h128zm.73-88H76.332L45.859 48h190.403zm0 0"
/>
<path
fill="url(#e)"
d="M205.059 144H194.66c6.945-22.953-1.496-47.781-20.992-61.746-19.496-13.965-45.719-13.965-65.215 0S80.516 121.047 87.461 144H77.059v16h128zm-104-16c0-22.09 17.91-40 40-40 22.093 0 40 17.91 40 40a39.002 39.002 0 0 1-3.383 16h-73.23a39.006 39.006 0 0 1-3.387-16zm0 0"
/>
<path
fill="url(#f)"
d="M117.059 128h16a8 8 0 0 1 8-8v-16c-13.254 0-24 10.746-24 24zm0 0"
/>
<g fill="url(#e)">
<path
d="M133.059 184h16v16h-16zM101.059 288h80v16h-80zM101.059 320h80v16h-80zM101.059 216h80v16h-80zm0 0"
/>
</g>
</svg>
More icons in the same style and category