Add icons to this collection by clicking the heart icon.
Hazmat icon - also known as suit, people, shield, protection, mask, avatar, coronavirus, hazmat, face mask, healthcare and medical, and safety goggles. 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="c"
x1="32"
x2="32"
y1="64"
y2="0"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d8d7da" />
<stop offset="1" stop-color="#e0e0e2" />
</linearGradient>
<linearGradient id="a">
<stop offset=".011" stop-color="#3d9ae2" />
<stop offset="1" stop-color="#5aaae7" />
</linearGradient>
<linearGradient
id="d"
x1="32"
x2="32"
y1="52"
y2="46"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="32"
x2="32"
y1="33"
y2="10"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".011" stop-color="#1a6fb0" />
<stop offset="1" stop-color="#1e81ce" />
</linearGradient>
<linearGradient
id="f"
x1="32"
x2="32"
y1="25"
y2="23"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="32"
x2="32"
y1="28"
y2="26"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="48"
x2="48"
y1="64"
y2="57"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="16"
x2="16"
y1="64"
y2="57"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="32"
x2="32"
y1="21"
y2="9"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb655" />
<stop offset="1" stop-color="#ffc477" />
</linearGradient>
<linearGradient
id="k"
x1="32"
x2="32"
y1="15"
y2="12"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="46"
x2="46"
y1="18"
y2="12"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="18"
x2="18"
y1="18"
y2="12"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="n"
x1="32"
x2="32"
y1="64"
y2="32.949"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M53.532 37.552a1.076 1.076 0 0 0-.114-.035C48.963 36.428 44 34.305 44 33c0-.815.394-1.69.894-2.796C45.783 28.234 47 25.536 47 21v-6c0-8.271-6.729-15-15-15S17 6.729 17 15v6c0 4.382 1.116 6.808 2.013 8.756.551 1.199.987 2.146.987 3.244 0 1.304-4.964 3.427-9.419 4.518a.92.92 0 0 0-.113.035C7.879 38.523 6 41.235 6 44v19a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1V44c0-2.765-1.879-5.477-4.468-6.448z"
/>
<path
fill="url(#d)"
d="M57 46H7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h50a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M42 10H22a1 1 0 0 0-1 1v11c0 6.065 4.935 11 11 11s11-4.935 11-11V11a1 1 0 0 0-1-1z"
/>
<path fill="url(#f)" d="M36 25h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#g)" d="M36 28h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path
fill="url(#h)"
d="M48 64a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#i)"
d="M16 64a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1z"
/>
<path
fill="url(#j)"
d="M41 9H23c-1.654 0-3 1.346-3 3v6c0 1.654 1.346 3 3 3h5c1.535 0 2.285-1.125 2.832-1.945.499-.75.745-1.055 1.168-1.055s.668.305 1.168 1.055C33.715 19.875 34.465 21 36 21h5c1.654 0 3-1.346 3-3v-6c0-1.654-1.346-3-3-3z"
/>
<path
fill="url(#k)"
d="M40 15a1 1 0 0 1-1-1H25a1 1 0 0 1-2 0v-1a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1z"
/>
<path fill="url(#l)" d="M47 12h-3v6h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1z" />
<path fill="url(#m)" d="M17 12a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3v-6z" />
<path
fill="url(#n)"
d="M32 33c-.337 0-.67-.021-1-.051V63a1 1 0 0 0 2 0V32.949c-.33.03-.663.051-1 .051z"
/>
</svg>
More icons in the same style and category