Add icons to this collection by clicking the heart icon.
Safety Googles icon - also known as medical, people, hospital, healthcare, avatar, and safety googles. 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 512 512"
>
<linearGradient
id="c"
x1="256.009"
x2="256.009"
y1="479.315"
y2="352.685"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf5fb" />
<stop offset=".304" stop-color="#e7f4fb" />
<stop offset=".558" stop-color="#dcf0f9" />
<stop offset=".793" stop-color="#cbe9f7" />
<stop offset="1" stop-color="#b5e1f4" />
</linearGradient>
<linearGradient
id="d"
x1="279.59"
x2="279.59"
y1="479.315"
y2="352.685"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf5fb" />
<stop offset=".298" stop-color="#d6edf8" />
<stop offset=".732" stop-color="#bee4f5" />
<stop offset="1" stop-color="#b5e1f4" />
</linearGradient>
<linearGradient
id="e"
x1="-29.194"
x2="233.548"
y1="-140.018"
y2="182.912"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf5fb" />
<stop offset=".511" stop-color="#e8f4fb" />
<stop offset=".695" stop-color="#e1f2fa" />
<stop offset=".826" stop-color="#d6edf8" />
<stop offset=".931" stop-color="#c5e7f6" />
<stop offset="1" stop-color="#b5e1f4" />
</linearGradient>
<linearGradient
id="f"
x1="256"
x2="256"
y1="331.729"
y2="86"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f4bda2" />
<stop offset=".48" stop-color="#f8c6a8" />
<stop offset="1" stop-color="#ffd5b3" />
</linearGradient>
<linearGradient
id="g"
x1="256"
x2="256"
y1="253.412"
y2="138.212"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9cd9e8" />
<stop offset=".459" stop-color="#a1d8e5" />
<stop offset=".972" stop-color="#aed3de" />
<stop offset="1" stop-color="#afd3dd" />
</linearGradient>
<linearGradient
id="h"
x1="256"
x2="256"
y1="253.412"
y2="138.212"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b2d2db" />
<stop offset=".435" stop-color="#b7d4dd" />
<stop offset=".92" stop-color="#c4dbe4" />
<stop offset="1" stop-color="#c7dde5" />
</linearGradient>
<radialGradient
id="i"
cx="256.019"
cy="305.667"
r="78.738"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaf5fb" />
<stop offset=".431" stop-color="#e7f3f9" />
<stop offset=".716" stop-color="#deebf1" />
<stop offset=".957" stop-color="#d0dfe5" />
<stop offset="1" stop-color="#ccdce2" />
</radialGradient>
<linearGradient
id="a"
x1="256"
x2="256"
y1="310.667"
y2="300.667"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ccdce2" />
<stop offset=".318" stop-color="#e2eef4" />
<stop offset=".527" stop-color="#eaf5fb" />
<stop offset=".735" stop-color="#e0ecf2" />
<stop offset="1" stop-color="#ccdce2" />
</linearGradient>
<linearGradient
id="j"
x1="256"
x2="256"
y1="285.834"
y2="275.834"
href="#a"
/>
<linearGradient
id="k"
x1="256"
x2="256"
y1="334.519"
y2="324.519"
href="#a"
/>
<linearGradient
id="b"
x1="182.611"
x2="205.638"
y1="171.885"
y2="193.888"
gradientTransform="rotate(45 207.702 195.79)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".503" stop-color="#444241" />
<stop offset=".556" stop-color="#42403f" />
<stop offset="1" stop-color="#353433" />
</linearGradient>
<linearGradient
id="l"
x1="273.231"
x2="298.046"
y1="170.684"
y2="190.718"
gradientTransform="rotate(45 304.415 195.772)"
href="#b"
/>
<g>
<path
fill="url(#c)"
d="M334.636 352.685H177.381a78.627 78.627 0 0 0-78.627 78.628c0 17.368 3.505 25.504 31.45 31.45 0 0 94.083 16.552 125.805 16.552s125.804-16.551 125.804-16.551c27.946-5.947 31.45-14.083 31.45-31.451a78.627 78.627 0 0 0-78.627-78.628z"
/>
<path
fill="url(#d)"
d="M256.002 479.315h.007c10.66 0 28.361-1.87 47.167-4.352V352.685h-47.168z"
/>
<path
fill="url(#e)"
d="M409.6 209.334c0 84.831-47.561 182.88-153.6 182.88s-153.6-98.05-153.6-182.88S149.97 30.727 256.009 30.727 409.6 124.503 409.6 209.334z"
/>
<path
fill="url(#f)"
d="M379.334 209.334c0 163.244-246.668 163.143-246.668 0a123.334 123.334 0 0 1 246.668 0z"
/>
<path
fill="url(#g)"
d="M352 253.412H160c-76.244 0-76.182-115.2 0-115.2h192c76.245 0 76.182 115.2 0 115.2z"
/>
<rect
width="256"
height="115.2"
x="128"
y="138.212"
fill="url(#h)"
rx="52.581"
/>
<path
fill="url(#i)"
d="M329.95 253.439h-7.404c-16.893 0-33.129-5.517-47.308-14.701-6.197-4.014-22.229-10.535-38.494 0-14.18 9.184-30.415 14.7-47.309 14.7h-7.368c-30.545 55.586 9.434 124.866 73.942 124.866 64.324 0 104.594-69.084 73.942-124.865z"
/>
<path
fill="url(#a)"
d="M299.088 310.667h-86.176c-6.621 0-6.608-10 0-10h86.176c6.621 0 6.608 10 0 10z"
/>
<path
fill="url(#j)"
d="M299.088 285.834h-86.176c-6.621 0-6.608-10 0-10h86.176c6.621 0 6.608 10 0 10z"
/>
<path
fill="url(#k)"
d="M299.088 334.519h-86.176c-6.621 0-6.608-10 0-10h86.176c6.621 0 6.608 10 0 10z"
/>
<circle
cx="207.651"
cy="195.812"
r="15.664"
fill="url(#b)"
transform="rotate(-45 207.63 195.865)"
/>
<circle
cx="304.356"
cy="195.812"
r="15.664"
fill="url(#l)"
transform="rotate(-45 304.343 195.882)"
/>
</g>
</svg>
More icons in the same style and category