head side mask icon

head-side-mask from Font Awesome 6 Solid by Dave Gandy · Regular · Medical · CC-BY-4.0 Attribution required.

Name: head-side-mask
Set: Font Awesome 6 Solid
Style: Regular
Category: Medical
Viewbox: 576×512
License: CC BY 4.0

The same icon in other sets

head-side-maskFont Awesome Solid head-side-maskUnicons head-side-maskUnicons Monochrome head-side-maskUnicons Solid

More medical icons from Font Awesome 6 Solid

Use the head side mask icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M32 224.2c0-22.2 3.2-43.6 9.2-63.9l221 160.7c-4 9.5-6.2 20-6.2 31v160H128c-17.7 0-32-14.3-32-32v-72.7c0-16.7-6.9-32.5-17.1-45.8C48.6 322.4 32 274.1 32 224.2m248.3 70.4L53 129.3C88.7 53 166.2 0 256 0h24c95.2 0 181.2 69.3 197.3 160.2c2.3 13 6.8 25.7 15.1 36l42 52.6c5.4 6.7 8.6 14.8 9.4 23.2H336c-21.7 0-41.3 8.6-55.7 22.6M336 304h208l-19.7 64H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h146.5l-9.8 32H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h126.8l-.9 2.8c-8.3 26.9-33.1 45.2-61.2 45.2H288V352c0-14 6-26.7 15.6-35.4c8.5-7.8 19.9-12.6 32.4-12.6m48-80a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidHeadSideMask(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M32 224.2c0-22.2 3.2-43.6 9.2-63.9l221 160.7c-4 9.5-6.2 20-6.2 31v160H128c-17.7 0-32-14.3-32-32v-72.7c0-16.7-6.9-32.5-17.1-45.8C48.6 322.4 32 274.1 32 224.2m248.3 70.4L53 129.3C88.7 53 166.2 0 256 0h24c95.2 0 181.2 69.3 197.3 160.2c2.3 13 6.8 25.7 15.1 36l42 52.6c5.4 6.7 8.6 14.8 9.4 23.2H336c-21.7 0-41.3 8.6-55.7 22.6M336 304h208l-19.7 64H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h146.5l-9.8 32H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h126.8l-.9 2.8c-8.3 26.9-33.1 45.2-61.2 45.2H288V352c0-14 6-26.7 15.6-35.4c8.5-7.8 19.9-12.6 32.4-12.6m48-80a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M32 224.2c0-22.2 3.2-43.6 9.2-63.9l221 160.7c-4 9.5-6.2 20-6.2 31v160H128c-17.7 0-32-14.3-32-32v-72.7c0-16.7-6.9-32.5-17.1-45.8C48.6 322.4 32 274.1 32 224.2m248.3 70.4L53 129.3C88.7 53 166.2 0 256 0h24c95.2 0 181.2 69.3 197.3 160.2c2.3 13 6.8 25.7 15.1 36l42 52.6c5.4 6.7 8.6 14.8 9.4 23.2H336c-21.7 0-41.3 8.6-55.7 22.6M336 304h208l-19.7 64H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h146.5l-9.8 32H368c-8.8 0-16 7.2-16 16s7.2 16 16 16h126.8l-.9 2.8c-8.3 26.9-33.1 45.2-61.2 45.2H288V352c0-14 6-26.7 15.6-35.4c8.5-7.8 19.9-12.6 32.4-12.6m48-80a32 32 0 1 0 0-64a32 32 0 1 0 0 64"/></svg>
</template>

CSS

.icon-head-side-mask {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32%20224.2c0-22.2%203.2-43.6%209.2-63.9l221%20160.7c-4%209.5-6.2%2020-6.2%2031v160H128c-17.7%200-32-14.3-32-32v-72.7c0-16.7-6.9-32.5-17.1-45.8C48.6%20322.4%2032%20274.1%2032%20224.2m248.3%2070.4L53%20129.3C88.7%2053%20166.2%200%20256%200h24c95.2%200%20181.2%2069.3%20197.3%20160.2c2.3%2013%206.8%2025.7%2015.1%2036l42%2052.6c5.4%206.7%208.6%2014.8%209.4%2023.2H336c-21.7%200-41.3%208.6-55.7%2022.6M336%20304h208l-19.7%2064H368c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h146.5l-9.8%2032H368c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h126.8l-.9%202.8c-8.3%2026.9-33.1%2045.2-61.2%2045.2H288V352c0-14%206-26.7%2015.6-35.4c8.5-7.8%2019.9-12.6%2032.4-12.6m48-80a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M32%20224.2c0-22.2%203.2-43.6%209.2-63.9l221%20160.7c-4%209.5-6.2%2020-6.2%2031v160H128c-17.7%200-32-14.3-32-32v-72.7c0-16.7-6.9-32.5-17.1-45.8C48.6%20322.4%2032%20274.1%2032%20224.2m248.3%2070.4L53%20129.3C88.7%2053%20166.2%200%20256%200h24c95.2%200%20181.2%2069.3%20197.3%20160.2c2.3%2013%206.8%2025.7%2015.1%2036l42%2052.6c5.4%206.7%208.6%2014.8%209.4%2023.2H336c-21.7%200-41.3%208.6-55.7%2022.6M336%20304h208l-19.7%2064H368c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h146.5l-9.8%2032H368c-8.8%200-16%207.2-16%2016s7.2%2016%2016%2016h126.8l-.9%202.8c-8.3%2026.9-33.1%2045.2-61.2%2045.2H288V352c0-14%206-26.7%2015.6-35.4c8.5-7.8%2019.9-12.6%2032.4-12.6m48-80a32%2032%200%201%200%200-64a32%2032%200%201%200%200%2064%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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