respirator icon
respirator from Health Icons by Resolve to Save Lives · Filled · Ppe · MIT Free for personal and commercial use.
- Name
- respirator
- Set
- Health Icons
- Style
- Filled
- Category
- Ppe
- Viewbox
- 48×48
- License
- MIT
3 other variants in Health Icons
More ppe icons from Health Icons
Use the respirator icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17 19a7 7 0 1 1 14 0v4.73a34 34 0 0 0-1.106-2.245c-.757-1.395-1.622-2.704-2.575-3.679c-.937-.958-2.09-1.724-3.416-1.724s-2.48.766-3.416 1.724c-.954.975-1.818 2.284-2.575 3.679c-.32.588-.624 1.2-.912 1.82zm16-4a9 9 0 1 0-18 0v13.402a9 9 0 0 0-.835-.71c-.573-.43-1.18-.762-1.787-.92c-.612-.16-1.29-.156-1.895.194l-3.22 1.86c-.605.349-.948.933-1.115 1.543c-.167.605-.182 1.297-.098 2.007c.17 1.425.766 3.11 1.711 4.748s2.108 2.996 3.256 3.855c.573.429 1.18.761 1.787.92c.613.16 1.29.155 1.895-.195l.008-.004l3.212-1.855c.606-.35.948-.933 1.116-1.544q.091-.337.125-.705q.047.005.095.005h9.295q.048 0 .095-.005q.034.368.126.705c.168.61.51 1.194 1.116 1.544l3.22 1.859c.605.35 1.282.353 1.895.194c.607-.159 1.214-.491 1.786-.92c1.15-.86 2.31-2.217 3.256-3.855c.946-1.639 1.542-3.323 1.711-4.748c.085-.71.07-1.402-.097-2.007c-.168-.61-.51-1.194-1.116-1.544l-.045-.025l-3.175-1.833c-.605-.35-1.282-.354-1.895-.195c-.607.159-1.214.491-1.786.92q-.321.24-.641.53zM10.945 29.55a7 7 0 0 0-.56-.38l1.028-.594c.06-.035.201-.082.496-.006c.3.079.69.271 1.143.61c.902.675 1.908 1.823 2.759 3.296c.85 1.474 1.342 2.919 1.475 4.038c.067.562.039.995-.044 1.294c-.08.294-.191.392-.253.427l-1.028.594a7 7 0 0 0-.049-.676c-.17-1.424-.765-3.109-1.711-4.747c-.946-1.639-2.107-2.996-3.256-3.856m26.476-.38l-1.028-.594c-.061-.036-.202-.083-.496-.006c-.3.079-.69.27-1.143.61c-.903.675-1.908 1.822-2.76 3.296c-.85 1.474-1.34 2.918-1.474 4.038c-.067.562-.039.995.043 1.294c.081.294.192.392.253.427l1.029.594q.007-.334.049-.677c.17-1.424.765-3.109 1.71-4.747c.947-1.638 2.108-2.996 3.257-3.856q.275-.206.56-.38M24 10a8.98 8.98 0 0 1 6.711 3.003a7.003 7.003 0 0 0-13.422 0A8.98 8.98 0 0 1 24 10m.832 18.236a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m0 3.718a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m.93-.93a.93.93 0 1 0 0-1.859a.93.93 0 0 0 0 1.86m-2.789-.93a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m.93-11.224c-.71 0-1.297.36-1.74.774c-.448.418-.844.977-1.194 1.587a1 1 0 0 0 1.734.996c.301-.524.58-.894.825-1.122c.248-.231.369-.235.375-.235s.127.004.375.235c.244.228.523.598.825 1.122a1 1 0 0 0 1.734-.996c-.35-.61-.747-1.17-1.194-1.587c-.444-.414-1.03-.773-1.74-.773m4.647 11.225a4.647 4.647 0 1 1-9.295 0a4.647 4.647 0 0 1 9.295 0" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRespirator(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fillRule="evenodd" d="M17 19a7 7 0 1 1 14 0v4.73a34 34 0 0 0-1.106-2.245c-.757-1.395-1.622-2.704-2.575-3.679c-.937-.958-2.09-1.724-3.416-1.724s-2.48.766-3.416 1.724c-.954.975-1.818 2.284-2.575 3.679c-.32.588-.624 1.2-.912 1.82zm16-4a9 9 0 1 0-18 0v13.402a9 9 0 0 0-.835-.71c-.573-.43-1.18-.762-1.787-.92c-.612-.16-1.29-.156-1.895.194l-3.22 1.86c-.605.349-.948.933-1.115 1.543c-.167.605-.182 1.297-.098 2.007c.17 1.425.766 3.11 1.711 4.748s2.108 2.996 3.256 3.855c.573.429 1.18.761 1.787.92c.613.16 1.29.155 1.895-.195l.008-.004l3.212-1.855c.606-.35.948-.933 1.116-1.544q.091-.337.125-.705q.047.005.095.005h9.295q.048 0 .095-.005q.034.368.126.705c.168.61.51 1.194 1.116 1.544l3.22 1.859c.605.35 1.282.353 1.895.194c.607-.159 1.214-.491 1.786-.92c1.15-.86 2.31-2.217 3.256-3.855c.946-1.639 1.542-3.323 1.711-4.748c.085-.71.07-1.402-.097-2.007c-.168-.61-.51-1.194-1.116-1.544l-.045-.025l-3.175-1.833c-.605-.35-1.282-.354-1.895-.195c-.607.159-1.214.491-1.786.92q-.321.24-.641.53zM10.945 29.55a7 7 0 0 0-.56-.38l1.028-.594c.06-.035.201-.082.496-.006c.3.079.69.271 1.143.61c.902.675 1.908 1.823 2.759 3.296c.85 1.474 1.342 2.919 1.475 4.038c.067.562.039.995-.044 1.294c-.08.294-.191.392-.253.427l-1.028.594a7 7 0 0 0-.049-.676c-.17-1.424-.765-3.109-1.711-4.747c-.946-1.639-2.107-2.996-3.256-3.856m26.476-.38l-1.028-.594c-.061-.036-.202-.083-.496-.006c-.3.079-.69.27-1.143.61c-.903.675-1.908 1.822-2.76 3.296c-.85 1.474-1.34 2.918-1.474 4.038c-.067.562-.039.995.043 1.294c.081.294.192.392.253.427l1.029.594q.007-.334.049-.677c.17-1.424.765-3.109 1.71-4.747c.947-1.638 2.108-2.996 3.257-3.856q.275-.206.56-.38M24 10a8.98 8.98 0 0 1 6.711 3.003a7.003 7.003 0 0 0-13.422 0A8.98 8.98 0 0 1 24 10m.832 18.236a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m0 3.718a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m.93-.93a.93.93 0 1 0 0-1.859a.93.93 0 0 0 0 1.86m-2.789-.93a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m.93-11.224c-.71 0-1.297.36-1.74.774c-.448.418-.844.977-1.194 1.587a1 1 0 0 0 1.734.996c.301-.524.58-.894.825-1.122c.248-.231.369-.235.375-.235s.127.004.375.235c.244.228.523.598.825 1.122a1 1 0 0 0 1.734-.996c-.35-.61-.747-1.17-1.194-1.587c-.444-.414-1.03-.773-1.74-.773m4.647 11.225a4.647 4.647 0 1 1-9.295 0a4.647 4.647 0 0 1 9.295 0" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M17 19a7 7 0 1 1 14 0v4.73a34 34 0 0 0-1.106-2.245c-.757-1.395-1.622-2.704-2.575-3.679c-.937-.958-2.09-1.724-3.416-1.724s-2.48.766-3.416 1.724c-.954.975-1.818 2.284-2.575 3.679c-.32.588-.624 1.2-.912 1.82zm16-4a9 9 0 1 0-18 0v13.402a9 9 0 0 0-.835-.71c-.573-.43-1.18-.762-1.787-.92c-.612-.16-1.29-.156-1.895.194l-3.22 1.86c-.605.349-.948.933-1.115 1.543c-.167.605-.182 1.297-.098 2.007c.17 1.425.766 3.11 1.711 4.748s2.108 2.996 3.256 3.855c.573.429 1.18.761 1.787.92c.613.16 1.29.155 1.895-.195l.008-.004l3.212-1.855c.606-.35.948-.933 1.116-1.544q.091-.337.125-.705q.047.005.095.005h9.295q.048 0 .095-.005q.034.368.126.705c.168.61.51 1.194 1.116 1.544l3.22 1.859c.605.35 1.282.353 1.895.194c.607-.159 1.214-.491 1.786-.92c1.15-.86 2.31-2.217 3.256-3.855c.946-1.639 1.542-3.323 1.711-4.748c.085-.71.07-1.402-.097-2.007c-.168-.61-.51-1.194-1.116-1.544l-.045-.025l-3.175-1.833c-.605-.35-1.282-.354-1.895-.195c-.607.159-1.214.491-1.786.92q-.321.24-.641.53zM10.945 29.55a7 7 0 0 0-.56-.38l1.028-.594c.06-.035.201-.082.496-.006c.3.079.69.271 1.143.61c.902.675 1.908 1.823 2.759 3.296c.85 1.474 1.342 2.919 1.475 4.038c.067.562.039.995-.044 1.294c-.08.294-.191.392-.253.427l-1.028.594a7 7 0 0 0-.049-.676c-.17-1.424-.765-3.109-1.711-4.747c-.946-1.639-2.107-2.996-3.256-3.856m26.476-.38l-1.028-.594c-.061-.036-.202-.083-.496-.006c-.3.079-.69.27-1.143.61c-.903.675-1.908 1.822-2.76 3.296c-.85 1.474-1.34 2.918-1.474 4.038c-.067.562-.039.995.043 1.294c.081.294.192.392.253.427l1.029.594q.007-.334.049-.677c.17-1.424.765-3.109 1.71-4.747c.947-1.638 2.108-2.996 3.257-3.856q.275-.206.56-.38M24 10a8.98 8.98 0 0 1 6.711 3.003a7.003 7.003 0 0 0-13.422 0A8.98 8.98 0 0 1 24 10m.832 18.236a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m0 3.718a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m.93-.93a.93.93 0 1 0 0-1.859a.93.93 0 0 0 0 1.86m-2.789-.93a.93.93 0 1 1-1.859 0a.93.93 0 0 1 1.86 0m.93-11.224c-.71 0-1.297.36-1.74.774c-.448.418-.844.977-1.194 1.587a1 1 0 0 0 1.734.996c.301-.524.58-.894.825-1.122c.248-.231.369-.235.375-.235s.127.004.375.235c.244.228.523.598.825 1.122a1 1 0 0 0 1.734-.996c-.35-.61-.747-1.17-1.194-1.587c-.444-.414-1.03-.773-1.74-.773m4.647 11.225a4.647 4.647 0 1 1-9.295 0a4.647 4.647 0 0 1 9.295 0" clip-rule="evenodd"/></svg> </template>
CSS
.icon-respirator {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%2019a7%207%200%201%201%2014%200v4.73a34%2034%200%200%200-1.106-2.245c-.757-1.395-1.622-2.704-2.575-3.679c-.937-.958-2.09-1.724-3.416-1.724s-2.48.766-3.416%201.724c-.954.975-1.818%202.284-2.575%203.679c-.32.588-.624%201.2-.912%201.82zm16-4a9%209%200%201%200-18%200v13.402a9%209%200%200%200-.835-.71c-.573-.43-1.18-.762-1.787-.92c-.612-.16-1.29-.156-1.895.194l-3.22%201.86c-.605.349-.948.933-1.115%201.543c-.167.605-.182%201.297-.098%202.007c.17%201.425.766%203.11%201.711%204.748s2.108%202.996%203.256%203.855c.573.429%201.18.761%201.787.92c.613.16%201.29.155%201.895-.195l.008-.004l3.212-1.855c.606-.35.948-.933%201.116-1.544q.091-.337.125-.705q.047.005.095.005h9.295q.048%200%20.095-.005q.034.368.126.705c.168.61.51%201.194%201.116%201.544l3.22%201.859c.605.35%201.282.353%201.895.194c.607-.159%201.214-.491%201.786-.92c1.15-.86%202.31-2.217%203.256-3.855c.946-1.639%201.542-3.323%201.711-4.748c.085-.71.07-1.402-.097-2.007c-.168-.61-.51-1.194-1.116-1.544l-.045-.025l-3.175-1.833c-.605-.35-1.282-.354-1.895-.195c-.607.159-1.214.491-1.786.92q-.321.24-.641.53zM10.945%2029.55a7%207%200%200%200-.56-.38l1.028-.594c.06-.035.201-.082.496-.006c.3.079.69.271%201.143.61c.902.675%201.908%201.823%202.759%203.296c.85%201.474%201.342%202.919%201.475%204.038c.067.562.039.995-.044%201.294c-.08.294-.191.392-.253.427l-1.028.594a7%207%200%200%200-.049-.676c-.17-1.424-.765-3.109-1.711-4.747c-.946-1.639-2.107-2.996-3.256-3.856m26.476-.38l-1.028-.594c-.061-.036-.202-.083-.496-.006c-.3.079-.69.27-1.143.61c-.903.675-1.908%201.822-2.76%203.296c-.85%201.474-1.34%202.918-1.474%204.038c-.067.562-.039.995.043%201.294c.081.294.192.392.253.427l1.029.594q.007-.334.049-.677c.17-1.424.765-3.109%201.71-4.747c.947-1.638%202.108-2.996%203.257-3.856q.275-.206.56-.38M24%2010a8.98%208.98%200%200%201%206.711%203.003a7.003%207.003%200%200%200-13.422%200A8.98%208.98%200%200%201%2024%2010m.832%2018.236a.93.93%200%201%201-1.859%200a.93.93%200%200%201%201.86%200m0%203.718a.93.93%200%201%201-1.859%200a.93.93%200%200%201%201.86%200m.93-.93a.93.93%200%201%200%200-1.859a.93.93%200%200%200%200%201.86m-2.789-.93a.93.93%200%201%201-1.859%200a.93.93%200%200%201%201.86%200m.93-11.224c-.71%200-1.297.36-1.74.774c-.448.418-.844.977-1.194%201.587a1%201%200%200%200%201.734.996c.301-.524.58-.894.825-1.122c.248-.231.369-.235.375-.235s.127.004.375.235c.244.228.523.598.825%201.122a1%201%200%200%200%201.734-.996c-.35-.61-.747-1.17-1.194-1.587c-.444-.414-1.03-.773-1.74-.773m4.647%2011.225a4.647%204.647%200%201%201-9.295%200a4.647%204.647%200%200%201%209.295%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M17%2019a7%207%200%201%201%2014%200v4.73a34%2034%200%200%200-1.106-2.245c-.757-1.395-1.622-2.704-2.575-3.679c-.937-.958-2.09-1.724-3.416-1.724s-2.48.766-3.416%201.724c-.954.975-1.818%202.284-2.575%203.679c-.32.588-.624%201.2-.912%201.82zm16-4a9%209%200%201%200-18%200v13.402a9%209%200%200%200-.835-.71c-.573-.43-1.18-.762-1.787-.92c-.612-.16-1.29-.156-1.895.194l-3.22%201.86c-.605.349-.948.933-1.115%201.543c-.167.605-.182%201.297-.098%202.007c.17%201.425.766%203.11%201.711%204.748s2.108%202.996%203.256%203.855c.573.429%201.18.761%201.787.92c.613.16%201.29.155%201.895-.195l.008-.004l3.212-1.855c.606-.35.948-.933%201.116-1.544q.091-.337.125-.705q.047.005.095.005h9.295q.048%200%20.095-.005q.034.368.126.705c.168.61.51%201.194%201.116%201.544l3.22%201.859c.605.35%201.282.353%201.895.194c.607-.159%201.214-.491%201.786-.92c1.15-.86%202.31-2.217%203.256-3.855c.946-1.639%201.542-3.323%201.711-4.748c.085-.71.07-1.402-.097-2.007c-.168-.61-.51-1.194-1.116-1.544l-.045-.025l-3.175-1.833c-.605-.35-1.282-.354-1.895-.195c-.607.159-1.214.491-1.786.92q-.321.24-.641.53zM10.945%2029.55a7%207%200%200%200-.56-.38l1.028-.594c.06-.035.201-.082.496-.006c.3.079.69.271%201.143.61c.902.675%201.908%201.823%202.759%203.296c.85%201.474%201.342%202.919%201.475%204.038c.067.562.039.995-.044%201.294c-.08.294-.191.392-.253.427l-1.028.594a7%207%200%200%200-.049-.676c-.17-1.424-.765-3.109-1.711-4.747c-.946-1.639-2.107-2.996-3.256-3.856m26.476-.38l-1.028-.594c-.061-.036-.202-.083-.496-.006c-.3.079-.69.27-1.143.61c-.903.675-1.908%201.822-2.76%203.296c-.85%201.474-1.34%202.918-1.474%204.038c-.067.562-.039.995.043%201.294c.081.294.192.392.253.427l1.029.594q.007-.334.049-.677c.17-1.424.765-3.109%201.71-4.747c.947-1.638%202.108-2.996%203.257-3.856q.275-.206.56-.38M24%2010a8.98%208.98%200%200%201%206.711%203.003a7.003%207.003%200%200%200-13.422%200A8.98%208.98%200%200%201%2024%2010m.832%2018.236a.93.93%200%201%201-1.859%200a.93.93%200%200%201%201.86%200m0%203.718a.93.93%200%201%201-1.859%200a.93.93%200%200%201%201.86%200m.93-.93a.93.93%200%201%200%200-1.859a.93.93%200%200%200%200%201.86m-2.789-.93a.93.93%200%201%201-1.859%200a.93.93%200%200%201%201.86%200m.93-11.224c-.71%200-1.297.36-1.74.774c-.448.418-.844.977-1.194%201.587a1%201%200%200%200%201.734.996c.301-.524.58-.894.825-1.122c.248-.231.369-.235.375-.235s.127.004.375.235c.244.228.523.598.825%201.122a1%201%200%200%200%201.734-.996c-.35-.61-.747-1.17-1.194-1.587c-.444-.414-1.03-.773-1.74-.773m4.647%2011.225a4.647%204.647%200%201%201-9.295%200a4.647%204.647%200%200%201%209.295%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/respirator.svg?color=%231a73e8&size=48
