mask ventilator icon

mask-ventilator from Font Awesome Solid by Dave Gandy · Solid · CC-BY-4.0 Attribution required.

Name: mask-ventilator
Set: Font Awesome Solid
Style: Solid
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome Solid

Use the mask ventilator icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M152.2 256c-15.4 38.3-24.2 77.2-24.2 108.8c0 13.3 1.5 26.2 4.4 38.7l-17-3.4c-29.9-6-51.4-32.2-51.4-62.8V256zm32.9-64H64c-35.3 0-64 28.7-64 64v81.3c0 61 43.1 113.5 102.9 125.5l66.3 13.3c18.7 22.1 42.9 40 70.8 51.8v-87.8c-10.1-14.2-16-31.3-16-49.7c0-49.5 43-134.4 96-134.4c52.5 0 96 84.9 96 134.4c0 18.4-5.9 35.4-16 49.6v87.7c27.6-11.8 51.7-29.6 70.4-51.6l66.7-13.3c59.8-12 102.9-64.5 102.9-125.5V256c0-35.3-28.7-64-64-64H454.5C419.7 137.8 372 96 320 96c-52.6 0-100.2 41.8-134.9 96m302.5 64H576v81.3c0 30.5-21.5 56.8-51.4 62.8l-17 3.4c2.9-12.4 4.5-25.4 4.5-38.7c0-31.6-8.9-70.5-24.4-108.8zM288 384v192h64V384c0-17.7-14.3-32-32-32s-32 14.3-32 32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidMaskVentilator(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M152.2 256c-15.4 38.3-24.2 77.2-24.2 108.8c0 13.3 1.5 26.2 4.4 38.7l-17-3.4c-29.9-6-51.4-32.2-51.4-62.8V256zm32.9-64H64c-35.3 0-64 28.7-64 64v81.3c0 61 43.1 113.5 102.9 125.5l66.3 13.3c18.7 22.1 42.9 40 70.8 51.8v-87.8c-10.1-14.2-16-31.3-16-49.7c0-49.5 43-134.4 96-134.4c52.5 0 96 84.9 96 134.4c0 18.4-5.9 35.4-16 49.6v87.7c27.6-11.8 51.7-29.6 70.4-51.6l66.7-13.3c59.8-12 102.9-64.5 102.9-125.5V256c0-35.3-28.7-64-64-64H454.5C419.7 137.8 372 96 320 96c-52.6 0-100.2 41.8-134.9 96m302.5 64H576v81.3c0 30.5-21.5 56.8-51.4 62.8l-17 3.4c2.9-12.4 4.5-25.4 4.5-38.7c0-31.6-8.9-70.5-24.4-108.8zM288 384v192h64V384c0-17.7-14.3-32-32-32s-32 14.3-32 32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M152.2 256c-15.4 38.3-24.2 77.2-24.2 108.8c0 13.3 1.5 26.2 4.4 38.7l-17-3.4c-29.9-6-51.4-32.2-51.4-62.8V256zm32.9-64H64c-35.3 0-64 28.7-64 64v81.3c0 61 43.1 113.5 102.9 125.5l66.3 13.3c18.7 22.1 42.9 40 70.8 51.8v-87.8c-10.1-14.2-16-31.3-16-49.7c0-49.5 43-134.4 96-134.4c52.5 0 96 84.9 96 134.4c0 18.4-5.9 35.4-16 49.6v87.7c27.6-11.8 51.7-29.6 70.4-51.6l66.7-13.3c59.8-12 102.9-64.5 102.9-125.5V256c0-35.3-28.7-64-64-64H454.5C419.7 137.8 372 96 320 96c-52.6 0-100.2 41.8-134.9 96m302.5 64H576v81.3c0 30.5-21.5 56.8-51.4 62.8l-17 3.4c2.9-12.4 4.5-25.4 4.5-38.7c0-31.6-8.9-70.5-24.4-108.8zM288 384v192h64V384c0-17.7-14.3-32-32-32s-32 14.3-32 32"/></svg>
</template>

CSS

.icon-mask-ventilator {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152.2%20256c-15.4%2038.3-24.2%2077.2-24.2%20108.8c0%2013.3%201.5%2026.2%204.4%2038.7l-17-3.4c-29.9-6-51.4-32.2-51.4-62.8V256zm32.9-64H64c-35.3%200-64%2028.7-64%2064v81.3c0%2061%2043.1%20113.5%20102.9%20125.5l66.3%2013.3c18.7%2022.1%2042.9%2040%2070.8%2051.8v-87.8c-10.1-14.2-16-31.3-16-49.7c0-49.5%2043-134.4%2096-134.4c52.5%200%2096%2084.9%2096%20134.4c0%2018.4-5.9%2035.4-16%2049.6v87.7c27.6-11.8%2051.7-29.6%2070.4-51.6l66.7-13.3c59.8-12%20102.9-64.5%20102.9-125.5V256c0-35.3-28.7-64-64-64H454.5C419.7%20137.8%20372%2096%20320%2096c-52.6%200-100.2%2041.8-134.9%2096m302.5%2064H576v81.3c0%2030.5-21.5%2056.8-51.4%2062.8l-17%203.4c2.9-12.4%204.5-25.4%204.5-38.7c0-31.6-8.9-70.5-24.4-108.8zM288%20384v192h64V384c0-17.7-14.3-32-32-32s-32%2014.3-32%2032%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M152.2%20256c-15.4%2038.3-24.2%2077.2-24.2%20108.8c0%2013.3%201.5%2026.2%204.4%2038.7l-17-3.4c-29.9-6-51.4-32.2-51.4-62.8V256zm32.9-64H64c-35.3%200-64%2028.7-64%2064v81.3c0%2061%2043.1%20113.5%20102.9%20125.5l66.3%2013.3c18.7%2022.1%2042.9%2040%2070.8%2051.8v-87.8c-10.1-14.2-16-31.3-16-49.7c0-49.5%2043-134.4%2096-134.4c52.5%200%2096%2084.9%2096%20134.4c0%2018.4-5.9%2035.4-16%2049.6v87.7c27.6-11.8%2051.7-29.6%2070.4-51.6l66.7-13.3c59.8-12%20102.9-64.5%20102.9-125.5V256c0-35.3-28.7-64-64-64H454.5C419.7%20137.8%20372%2096%20320%2096c-52.6%200-100.2%2041.8-134.9%2096m302.5%2064H576v81.3c0%2030.5-21.5%2056.8-51.4%2062.8l-17%203.4c2.9-12.4%204.5-25.4%204.5-38.7c0-31.6-8.9-70.5-24.4-108.8zM288%20384v192h64V384c0-17.7-14.3-32-32-32s-32%2014.3-32%2032%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/mask-ventilator.svg?color=%231a73e8&size=48