respirator icon
respirator-24px from Health Icons by Resolve to Save Lives · Filled 24px · Ppe · MIT Free for personal and commercial use.
- Name
- respirator-24px
- Set
- Health Icons
- Style
- Filled 24px
- Category
- Ppe
- Viewbox
- 24×24
- 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 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m18.391 13.74l.986-4.438C20.21 5.555 17.36 2 13.52 2h-3.04C6.64 2 3.79 5.555 4.623 9.302l.986 4.438c.29.197.542.46.729.785l2.534 4.39A2.4 2.4 0 0 1 9.192 20h5.617c.017-.37.12-.742.319-1.086l2.534-4.389c.187-.324.439-.588.73-.785M13.521 4H10.48a4 4 0 0 0-3.905 4.868l.284 1.277c.276 1.243 1.877 1.598 2.653.59l.903-1.174a2 2 0 0 1 3.17 0l.903 1.173c.776 1.01 2.377.654 2.653-.589l.284-1.277A4 4 0 0 0 13.52 4M9.778 14.488a2.235 2.235 0 0 1 4.442 0l.13 1.18A1.2 1.2 0 0 1 13.16 17h-2.318a1.2 1.2 0 0 1-1.193-1.332z" clip-rule="evenodd"/><path d="M16.34 19.614a1 1 0 0 0 .366 1.366l1.11.641a1 1 0 0 0 1.367-.366l2.534-4.389a1 1 0 0 0-.366-1.366l-1.11-.641a1 1 0 0 0-1.366.366zm-8.562.325a1 1 0 0 0-.118-.325l-2.535-4.389a1 1 0 0 0-1.366-.366l-1.11.641a1 1 0 0 0-.366 1.366l2.534 4.39a1 1 0 0 0 1.366.365l1.11-.64a1 1 0 0 0 .485-1.042"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRespirator24px(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="m18.391 13.74l.986-4.438C20.21 5.555 17.36 2 13.52 2h-3.04C6.64 2 3.79 5.555 4.623 9.302l.986 4.438c.29.197.542.46.729.785l2.534 4.39A2.4 2.4 0 0 1 9.192 20h5.617c.017-.37.12-.742.319-1.086l2.534-4.389c.187-.324.439-.588.73-.785M13.521 4H10.48a4 4 0 0 0-3.905 4.868l.284 1.277c.276 1.243 1.877 1.598 2.653.59l.903-1.174a2 2 0 0 1 3.17 0l.903 1.173c.776 1.01 2.377.654 2.653-.589l.284-1.277A4 4 0 0 0 13.52 4M9.778 14.488a2.235 2.235 0 0 1 4.442 0l.13 1.18A1.2 1.2 0 0 1 13.16 17h-2.318a1.2 1.2 0 0 1-1.193-1.332z" clipRule="evenodd"/><path d="M16.34 19.614a1 1 0 0 0 .366 1.366l1.11.641a1 1 0 0 0 1.367-.366l2.534-4.389a1 1 0 0 0-.366-1.366l-1.11-.641a1 1 0 0 0-1.366.366zm-8.562.325a1 1 0 0 0-.118-.325l-2.535-4.389a1 1 0 0 0-1.366-.366l-1.11.641a1 1 0 0 0-.366 1.366l2.534 4.39a1 1 0 0 0 1.366.365l1.11-.64a1 1 0 0 0 .485-1.042"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="m18.391 13.74l.986-4.438C20.21 5.555 17.36 2 13.52 2h-3.04C6.64 2 3.79 5.555 4.623 9.302l.986 4.438c.29.197.542.46.729.785l2.534 4.39A2.4 2.4 0 0 1 9.192 20h5.617c.017-.37.12-.742.319-1.086l2.534-4.389c.187-.324.439-.588.73-.785M13.521 4H10.48a4 4 0 0 0-3.905 4.868l.284 1.277c.276 1.243 1.877 1.598 2.653.59l.903-1.174a2 2 0 0 1 3.17 0l.903 1.173c.776 1.01 2.377.654 2.653-.589l.284-1.277A4 4 0 0 0 13.52 4M9.778 14.488a2.235 2.235 0 0 1 4.442 0l.13 1.18A1.2 1.2 0 0 1 13.16 17h-2.318a1.2 1.2 0 0 1-1.193-1.332z" clip-rule="evenodd"/><path d="M16.34 19.614a1 1 0 0 0 .366 1.366l1.11.641a1 1 0 0 0 1.367-.366l2.534-4.389a1 1 0 0 0-.366-1.366l-1.11-.641a1 1 0 0 0-1.366.366zm-8.562.325a1 1 0 0 0-.118-.325l-2.535-4.389a1 1 0 0 0-1.366-.366l-1.11.641a1 1 0 0 0-.366 1.366l2.534 4.39a1 1 0 0 0 1.366.365l1.11-.64a1 1 0 0 0 .485-1.042"/></g></svg> </template>
CSS
.icon-respirator-24px {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m18.391%2013.74l.986-4.438C20.21%205.555%2017.36%202%2013.52%202h-3.04C6.64%202%203.79%205.555%204.623%209.302l.986%204.438c.29.197.542.46.729.785l2.534%204.39A2.4%202.4%200%200%201%209.192%2020h5.617c.017-.37.12-.742.319-1.086l2.534-4.389c.187-.324.439-.588.73-.785M13.521%204H10.48a4%204%200%200%200-3.905%204.868l.284%201.277c.276%201.243%201.877%201.598%202.653.59l.903-1.174a2%202%200%200%201%203.17%200l.903%201.173c.776%201.01%202.377.654%202.653-.589l.284-1.277A4%204%200%200%200%2013.52%204M9.778%2014.488a2.235%202.235%200%200%201%204.442%200l.13%201.18A1.2%201.2%200%200%201%2013.16%2017h-2.318a1.2%201.2%200%200%201-1.193-1.332z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.34%2019.614a1%201%200%200%200%20.366%201.366l1.11.641a1%201%200%200%200%201.367-.366l2.534-4.389a1%201%200%200%200-.366-1.366l-1.11-.641a1%201%200%200%200-1.366.366zm-8.562.325a1%201%200%200%200-.118-.325l-2.535-4.389a1%201%200%200%200-1.366-.366l-1.11.641a1%201%200%200%200-.366%201.366l2.534%204.39a1%201%200%200%200%201.366.365l1.11-.64a1%201%200%200%200%20.485-1.042%22%2F%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22m18.391%2013.74l.986-4.438C20.21%205.555%2017.36%202%2013.52%202h-3.04C6.64%202%203.79%205.555%204.623%209.302l.986%204.438c.29.197.542.46.729.785l2.534%204.39A2.4%202.4%200%200%201%209.192%2020h5.617c.017-.37.12-.742.319-1.086l2.534-4.389c.187-.324.439-.588.73-.785M13.521%204H10.48a4%204%200%200%200-3.905%204.868l.284%201.277c.276%201.243%201.877%201.598%202.653.59l.903-1.174a2%202%200%200%201%203.17%200l.903%201.173c.776%201.01%202.377.654%202.653-.589l.284-1.277A4%204%200%200%200%2013.52%204M9.778%2014.488a2.235%202.235%200%200%201%204.442%200l.13%201.18A1.2%201.2%200%200%201%2013.16%2017h-2.318a1.2%201.2%200%200%201-1.193-1.332z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M16.34%2019.614a1%201%200%200%200%20.366%201.366l1.11.641a1%201%200%200%200%201.367-.366l2.534-4.389a1%201%200%200%200-.366-1.366l-1.11-.641a1%201%200%200%200-1.366.366zm-8.562.325a1%201%200%200%200-.118-.325l-2.535-4.389a1%201%200%200%200-1.366-.366l-1.11.641a1%201%200%200%200-.366%201.366l2.534%204.39a1%201%200%200%200%201.366.365l1.11-.64a1%201%200%200%200%20.485-1.042%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/healthicons/respirator-24px.svg?color=%231a73e8&size=48
