respirator icon
respirator-outline-24px from Health Icons by Resolve to Save Lives · Outline 24px · Ppe · MIT Free for personal and commercial use.
- Name
- respirator-outline-24px
- Set
- Health Icons
- Style
- Outline 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 d="M10.218 14.59a1.793 1.793 0 0 1 3.563 0l.036.315a1.432 1.432 0 0 1-1.423 1.595h-.789c-.855 0-1.52-.745-1.423-1.595z"/><path fill-rule="evenodd" d="M13.917 2c3.708 0 6.528 3.33 5.918 6.986l-.273 1.637l-.002.016l-.513 3.079l1.032.596a2 2 0 0 1 .732 2.732l-2.3 3.985a2 2 0 0 1-2.733.732l-1.695-.979a2 2 0 0 1-.761-.784h-2.644a2 2 0 0 1-.761.784l-1.696.979a2 2 0 0 1-2.732-.732l-2.3-3.985a2 2 0 0 1 .731-2.732l1.033-.596l-.789-4.732C3.554 5.33 6.374 2 10.083 2zm0 2h-3.835a4 4 0 0 0-3.945 4.658l.273 1.636c.23 1.376 2.048 1.722 2.766.526l.68-1.134c.971-1.619 3.316-1.619 4.288 0l.68 1.134c.716 1.193 2.527.852 2.764-.515l.274-1.647A4 4 0 0 0 13.918 4m2.031 9.548L13.351 18h-2.703l-2.597-4.453a3.41 3.41 0 0 0 2.782-1.605l.01-.015l.048-.078l.68-1.134a.5.5 0 0 1 .857 0l.68 1.134l.05.078l.009.015a3.41 3.41 0 0 0 2.781 1.605m1.436 1.519l1.695.979l-2.3 3.985l-1.696-.979zm-12.464.979l1.696-.979l2.3 3.985l-1.695.979z" clip-rule="evenodd"/></g></svg>
React
import type { SVGProps } from "react";
export function HealthiconsRespiratorOutline24px(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 d="M10.218 14.59a1.793 1.793 0 0 1 3.563 0l.036.315a1.432 1.432 0 0 1-1.423 1.595h-.789c-.855 0-1.52-.745-1.423-1.595z"/><path fillRule="evenodd" d="M13.917 2c3.708 0 6.528 3.33 5.918 6.986l-.273 1.637l-.002.016l-.513 3.079l1.032.596a2 2 0 0 1 .732 2.732l-2.3 3.985a2 2 0 0 1-2.733.732l-1.695-.979a2 2 0 0 1-.761-.784h-2.644a2 2 0 0 1-.761.784l-1.696.979a2 2 0 0 1-2.732-.732l-2.3-3.985a2 2 0 0 1 .731-2.732l1.033-.596l-.789-4.732C3.554 5.33 6.374 2 10.083 2zm0 2h-3.835a4 4 0 0 0-3.945 4.658l.273 1.636c.23 1.376 2.048 1.722 2.766.526l.68-1.134c.971-1.619 3.316-1.619 4.288 0l.68 1.134c.716 1.193 2.527.852 2.764-.515l.274-1.647A4 4 0 0 0 13.918 4m2.031 9.548L13.351 18h-2.703l-2.597-4.453a3.41 3.41 0 0 0 2.782-1.605l.01-.015l.048-.078l.68-1.134a.5.5 0 0 1 .857 0l.68 1.134l.05.078l.009.015a3.41 3.41 0 0 0 2.781 1.605m1.436 1.519l1.695.979l-2.3 3.985l-1.696-.979zm-12.464.979l1.696-.979l2.3 3.985l-1.695.979z" clipRule="evenodd"/></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 d="M10.218 14.59a1.793 1.793 0 0 1 3.563 0l.036.315a1.432 1.432 0 0 1-1.423 1.595h-.789c-.855 0-1.52-.745-1.423-1.595z"/><path fill-rule="evenodd" d="M13.917 2c3.708 0 6.528 3.33 5.918 6.986l-.273 1.637l-.002.016l-.513 3.079l1.032.596a2 2 0 0 1 .732 2.732l-2.3 3.985a2 2 0 0 1-2.733.732l-1.695-.979a2 2 0 0 1-.761-.784h-2.644a2 2 0 0 1-.761.784l-1.696.979a2 2 0 0 1-2.732-.732l-2.3-3.985a2 2 0 0 1 .731-2.732l1.033-.596l-.789-4.732C3.554 5.33 6.374 2 10.083 2zm0 2h-3.835a4 4 0 0 0-3.945 4.658l.273 1.636c.23 1.376 2.048 1.722 2.766.526l.68-1.134c.971-1.619 3.316-1.619 4.288 0l.68 1.134c.716 1.193 2.527.852 2.764-.515l.274-1.647A4 4 0 0 0 13.918 4m2.031 9.548L13.351 18h-2.703l-2.597-4.453a3.41 3.41 0 0 0 2.782-1.605l.01-.015l.048-.078l.68-1.134a.5.5 0 0 1 .857 0l.68 1.134l.05.078l.009.015a3.41 3.41 0 0 0 2.781 1.605m1.436 1.519l1.695.979l-2.3 3.985l-1.696-.979zm-12.464.979l1.696-.979l2.3 3.985l-1.695.979z" clip-rule="evenodd"/></g></svg> </template>
CSS
.icon-respirator-outline-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%20d%3D%22M10.218%2014.59a1.793%201.793%200%200%201%203.563%200l.036.315a1.432%201.432%200%200%201-1.423%201.595h-.789c-.855%200-1.52-.745-1.423-1.595z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.917%202c3.708%200%206.528%203.33%205.918%206.986l-.273%201.637l-.002.016l-.513%203.079l1.032.596a2%202%200%200%201%20.732%202.732l-2.3%203.985a2%202%200%200%201-2.733.732l-1.695-.979a2%202%200%200%201-.761-.784h-2.644a2%202%200%200%201-.761.784l-1.696.979a2%202%200%200%201-2.732-.732l-2.3-3.985a2%202%200%200%201%20.731-2.732l1.033-.596l-.789-4.732C3.554%205.33%206.374%202%2010.083%202zm0%202h-3.835a4%204%200%200%200-3.945%204.658l.273%201.636c.23%201.376%202.048%201.722%202.766.526l.68-1.134c.971-1.619%203.316-1.619%204.288%200l.68%201.134c.716%201.193%202.527.852%202.764-.515l.274-1.647A4%204%200%200%200%2013.918%204m2.031%209.548L13.351%2018h-2.703l-2.597-4.453a3.41%203.41%200%200%200%202.782-1.605l.01-.015l.048-.078l.68-1.134a.5.5%200%200%201%20.857%200l.68%201.134l.05.078l.009.015a3.41%203.41%200%200%200%202.781%201.605m1.436%201.519l1.695.979l-2.3%203.985l-1.696-.979zm-12.464.979l1.696-.979l2.3%203.985l-1.695.979z%22%20clip-rule%3D%22evenodd%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%20d%3D%22M10.218%2014.59a1.793%201.793%200%200%201%203.563%200l.036.315a1.432%201.432%200%200%201-1.423%201.595h-.789c-.855%200-1.52-.745-1.423-1.595z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M13.917%202c3.708%200%206.528%203.33%205.918%206.986l-.273%201.637l-.002.016l-.513%203.079l1.032.596a2%202%200%200%201%20.732%202.732l-2.3%203.985a2%202%200%200%201-2.733.732l-1.695-.979a2%202%200%200%201-.761-.784h-2.644a2%202%200%200%201-.761.784l-1.696.979a2%202%200%200%201-2.732-.732l-2.3-3.985a2%202%200%200%201%20.731-2.732l1.033-.596l-.789-4.732C3.554%205.33%206.374%202%2010.083%202zm0%202h-3.835a4%204%200%200%200-3.945%204.658l.273%201.636c.23%201.376%202.048%201.722%202.766.526l.68-1.134c.971-1.619%203.316-1.619%204.288%200l.68%201.134c.716%201.193%202.527.852%202.764-.515l.274-1.647A4%204%200%200%200%2013.918%204m2.031%209.548L13.351%2018h-2.703l-2.597-4.453a3.41%203.41%200%200%200%202.782-1.605l.01-.015l.048-.078l.68-1.134a.5.5%200%200%201%20.857%200l.68%201.134l.05.078l.009.015a3.41%203.41%200%200%200%202.781%201.605m1.436%201.519l1.695.979l-2.3%203.985l-1.696-.979zm-12.464.979l1.696-.979l2.3%203.985l-1.695.979z%22%20clip-rule%3D%22evenodd%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-outline-24px.svg?color=%231a73e8&size=48
