Add icons to this collection by clicking the heart icon.
Sunblock icon - also known as summer, summertime, beach, holidays, sunblock, UV protection, and beauty. Created in a clean lineal color 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M384 262.375v-59.708c0-37.514-27.911-68.357-64-73.589V74.667A10.66 10.66 0 0 0 309.333 64h-10.667V28.154c6.668-2.772 18.637-6.82 32-6.82 20.125 0 37.375 9.26 37.542 9.354 5.146 2.813 11.625.927 14.458-4.229 2.834-5.156.959-11.625-4.187-14.469C377.604 11.5 356.458 0 330.667 0c-20.854 0-38.688 7.531-45.208 10.667h-82.792c-5.896 0-10.667 4.771-10.667 10.667S196.771 32 202.667 32h10.667v32h-10.667A10.66 10.66 0 0 0 192 74.667v54.411c-36.089 5.232-64 36.074-64 73.589v59.708c-40.729 36.49-64 88.302-64 142.958v64C64 492.865 83.146 512 106.667 512h298.667c23.52 0 42.666-19.135 42.666-42.667v-64c0-54.656-23.271-106.468-64-142.958z"
fill="#303c42"
/>
<path
d="M234.667 32h42.667v32h-42.667zM213.333 85.333h85.333V128h-85.333z"
fill="#ccc"
/>
<path
d="M426.667 469.333c0 11.76-9.563 21.333-21.333 21.333H106.667c-11.771 0-21.333-9.573-21.333-21.333v-64c0-50.042 21.958-97.427 60.25-129.99 2.375-2.031 3.75-5 3.75-8.125v-64.552c0-29.406 23.917-53.333 53.333-53.333h106.667c29.417 0 53.333 23.927 53.333 53.333v64.552c0 3.125 1.375 6.094 3.75 8.125 38.292 32.563 60.25 79.948 60.25 129.99v64z"
fill="#ff8f00"
/>
<path
d="M138.667 469.333v-64c0-50.042 15.096-97.427 41.422-129.99 1.633-2.031 2.578-5 2.578-8.125v-64.552c0-29.406 16.443-53.333 36.667-53.333h-16.667c-29.417 0-53.333 23.927-53.333 53.333v64.552c0 3.125-1.375 6.094-3.75 8.125-38.292 32.563-60.25 79.948-60.25 129.99v64c0 11.76 9.563 21.333 21.333 21.333h46.666c-8.092.001-14.666-9.572-14.666-21.333z"
opacity=".2"
fill="#fff"
/>
<path
d="M366.417 275.344c-2.375-2.031-3.75-5-3.75-8.125v-64.552c0-29.406-23.917-53.333-53.333-53.333h-16.667c20.224 0 36.666 23.927 36.666 53.333v64.552c0 3.125.946 6.094 2.578 8.125 26.326 32.563 41.422 79.948 41.422 129.99v64c0 11.76-6.574 21.333-14.667 21.333h46.667c11.771 0 21.333-9.573 21.333-21.333v-64c.001-50.042-21.958-97.428-60.249-129.99z"
opacity=".1"
/>
<circle cx="256" cy="330.667" r="53.333" fill="#303c42" />
<circle cx="256" cy="330.667" r="32" fill="#ffca28" />
<path
d="M256 266.667A10.66 10.66 0 0 0 266.667 256v-10.667A10.66 10.66 0 0 0 256 234.666a10.66 10.66 0 0 0-10.667 10.667V256A10.66 10.66 0 0 0 256 266.667zM256 394.667a10.66 10.66 0 0 0-10.667 10.667V416A10.66 10.66 0 0 0 256 426.667 10.66 10.66 0 0 0 266.667 416v-10.667A10.66 10.66 0 0 0 256 394.667zM341.333 320h-10.667a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h10.667A10.66 10.66 0 0 0 352 330.667 10.66 10.66 0 0 0 341.333 320zM192 330.667A10.66 10.66 0 0 0 181.333 320h-10.667a10.66 10.66 0 0 0-10.667 10.667 10.66 10.66 0 0 0 10.667 10.667h10.667A10.662 10.662 0 0 0 192 330.667zM308.792 288.531c2.729 0 5.458-1.042 7.542-3.125l7.542-7.542c4.167-4.167 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.083 0l-7.542 7.542c-4.167 4.167-4.167 10.917 0 15.083a10.626 10.626 0 0 0 7.541 3.125zM195.667 375.927l-7.542 7.542c-4.167 4.167-4.167 10.917 0 15.083 2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125l7.542-7.542c4.167-4.167 4.167-10.917 0-15.083-4.168-4.167-10.918-4.167-15.084 0zM316.333 375.927c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l7.542 7.542c2.083 2.083 4.813 3.125 7.542 3.125s5.458-1.042 7.542-3.125c4.167-4.167 4.167-10.917 0-15.083l-7.543-7.542zM195.667 285.406a10.634 10.634 0 0 0 7.542 3.125c2.729 0 5.458-1.042 7.542-3.125 4.167-4.167 4.167-10.917 0-15.083l-7.542-7.542c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.917 0 15.083l7.541 7.542z"
fill="#303c42"
/>
<linearGradient
id="a"
x1="-35.203"
x2="-33.453"
y1="645.484"
y2="643.734"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path d="M277.333 64V32h-42.666l32 32z" fill="url(#a)" />
<linearGradient
id="b"
x1="-35.703"
x2="-32.703"
y1="643.484"
y2="640.484"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path d="M298.667 128V85.333h-85.334L256 128z" fill="url(#b)" />
<linearGradient
id="c"
x1="-41.682"
x2="-23.569"
y1="637.064"
y2="628.617"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M384 262.375v-59.708c0-37.514-27.911-68.357-64-73.589V74.667A10.66 10.66 0 0 0 309.333 64h-10.667V28.154c6.668-2.772 18.637-6.82 32-6.82 20.125 0 37.375 9.26 37.542 9.354 5.146 2.813 11.625.927 14.458-4.229 2.834-5.156.959-11.625-4.187-14.469C377.604 11.5 356.458 0 330.667 0c-20.854 0-38.688 7.531-45.208 10.667h-82.792c-5.896 0-10.667 4.771-10.667 10.667S196.771 32 202.667 32h10.667v32h-10.667A10.66 10.66 0 0 0 192 74.667v54.411c-36.089 5.232-64 36.074-64 73.589v59.708c-40.729 36.49-64 88.302-64 142.958v64C64 492.865 83.146 512 106.667 512h298.667c23.52 0 42.666-19.135 42.666-42.667v-64c0-54.656-23.271-106.468-64-142.958z"
fill="url(#c)"
/>
</svg>
More icons in the same style and category