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, and healthcare and medical. 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="32"
y2="14"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb655" />
<stop offset="1" stop-color="#ffc477" />
</linearGradient>
<linearGradient
id="f"
x1="32"
x2="32"
y1="32"
y2="18"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset=".011" stop-color="#1a6fb0" />
<stop offset="1" stop-color="#1e81ce" />
</linearGradient>
<linearGradient
id="g"
x1="32"
x2="32"
y1="24"
y2="22"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="32"
x2="32"
y1="27"
y2="25"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="48"
x2="48"
y1="64"
y2="57"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="16"
x2="16"
y1="64"
y2="57"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="32"
x2="32"
y1="14"
y2="8"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="32"
x2="32"
y1="64"
y2="31.949"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="m"
x1="32"
x2="32"
y1="43"
y2="14"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<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="M21 14v7c0 6.065 4.935 11 11 11s11-4.935 11-11v-7z"
/>
<path
fill="url(#f)"
d="M42 20c-1.992 0-3.739-.541-5.428-1.063C35.015 18.455 33.543 18 32 18c-1.544 0-3.015.455-4.572.937C25.739 19.459 23.992 20 22 20a1 1 0 0 0-1 1c0 6.065 4.935 11 11 11s11-4.935 11-11a1 1 0 0 0-1-1z"
/>
<path fill="url(#g)" d="M36 24h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path fill="url(#h)" d="M36 27h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2z" />
<path
fill="url(#i)"
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(#j)"
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(#k)"
d="M47 8H17a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h30a1 1 0 0 0 1-1V9a1 1 0 0 0-1-1z"
/>
<path
fill="url(#l)"
d="M32 32c-.337 0-.67-.021-1-.051V63a1 1 0 0 0 2 0V31.949c-.33.03-.663.051-1 .051z"
/>
<path
fill="url(#m)"
d="M45 37.369C43.118 38.245 36.816 41 32 41c-4.81 0-11.117-2.755-13-3.631V14h-2v24c0 .379.214.725.553.895C17.888 39.062 25.835 43 32 43s14.112-3.938 14.447-4.105c.339-.17.553-.516.553-.895V14h-2z"
/>
</svg>
More icons in the same style and category