face with medical mask emoji
face-with-medical-mask from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- face-with-medical-mask
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More smileys & emotion icons from Fluent Emoji High Contrast
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat
Use the face with medical mask emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 22v-3h16v3zm3-7a3 3 0 1 0 0-6a3 3 0 0 0 0 6m10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="currentColor" fill-rule="evenodd" d="M4.765 5.423C7.315 2.654 11.096 1 16 1s8.686 1.654 11.235 4.423C29.773 8.178 31 11.938 31 15.999s-1.226 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.235-4.423C2.227 23.82 1 20.06 1 15.999S2.227 8.178 4.765 5.423m-1.726 9.41a18 18 0 0 0-.038 1.166c0 2.189.393 4.224 1.162 6.001H8v2h16v-2h3.837c.769-1.777 1.162-3.812 1.162-6.001q0-.591-.038-1.166L24 17.589V17H8v.589zm.283-2.131l5.594 3.107q.226-.139.495-.212C11.073 15.153 13.876 14.5 16 14.5s4.927.653 6.589 1.097q.268.073.495.212l5.594-3.107c-.47-2.306-1.45-4.335-2.914-5.924C23.648 4.48 20.431 3 16 3S8.352 4.48 6.236 6.778c-1.464 1.59-2.444 3.618-2.914 5.924M26.736 24h-2.759a1.87 1.87 0 0 1-1.181 1.484C21.22 26.076 18.379 27 16 27s-5.22-.924-6.796-1.516A1.87 1.87 0 0 1 8.023 24H5.264q.444.646.972 1.22c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778q.528-.574.972-1.22" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastFaceWithMedicalMask(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 22v-3h16v3zm3-7a3 3 0 1 0 0-6a3 3 0 0 0 0 6m10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="currentColor" fillRule="evenodd" d="M4.765 5.423C7.315 2.654 11.096 1 16 1s8.686 1.654 11.235 4.423C29.773 8.178 31 11.938 31 15.999s-1.226 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.235-4.423C2.227 23.82 1 20.06 1 15.999S2.227 8.178 4.765 5.423m-1.726 9.41a18 18 0 0 0-.038 1.166c0 2.189.393 4.224 1.162 6.001H8v2h16v-2h3.837c.769-1.777 1.162-3.812 1.162-6.001q0-.591-.038-1.166L24 17.589V17H8v.589zm.283-2.131l5.594 3.107q.226-.139.495-.212C11.073 15.153 13.876 14.5 16 14.5s4.927.653 6.589 1.097q.268.073.495.212l5.594-3.107c-.47-2.306-1.45-4.335-2.914-5.924C23.648 4.48 20.431 3 16 3S8.352 4.48 6.236 6.778c-1.464 1.59-2.444 3.618-2.914 5.924M26.736 24h-2.759a1.87 1.87 0 0 1-1.181 1.484C21.22 26.076 18.379 27 16 27s-5.22-.924-6.796-1.516A1.87 1.87 0 0 1 8.023 24H5.264q.444.646.972 1.22c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778q.528-.574.972-1.22" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M8 22v-3h16v3zm3-7a3 3 0 1 0 0-6a3 3 0 0 0 0 6m10 0a3 3 0 1 0 0-6a3 3 0 0 0 0 6"/><path fill="currentColor" fill-rule="evenodd" d="M4.765 5.423C7.315 2.654 11.096 1 16 1s8.686 1.654 11.235 4.423C29.773 8.178 31 11.938 31 15.999s-1.226 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423s-8.686-1.654-11.235-4.423C2.227 23.82 1 20.06 1 15.999S2.227 8.178 4.765 5.423m-1.726 9.41a18 18 0 0 0-.038 1.166c0 2.189.393 4.224 1.162 6.001H8v2h16v-2h3.837c.769-1.777 1.162-3.812 1.162-6.001q0-.591-.038-1.166L24 17.589V17H8v.589zm.283-2.131l5.594 3.107q.226-.139.495-.212C11.073 15.153 13.876 14.5 16 14.5s4.927.653 6.589 1.097q.268.073.495.212l5.594-3.107c-.47-2.306-1.45-4.335-2.914-5.924C23.648 4.48 20.431 3 16 3S8.352 4.48 6.236 6.778c-1.464 1.59-2.444 3.618-2.914 5.924M26.736 24h-2.759a1.87 1.87 0 0 1-1.181 1.484C21.22 26.076 18.379 27 16 27s-5.22-.924-6.796-1.516A1.87 1.87 0 0 1 8.023 24H5.264q.444.646.972 1.22c2.116 2.298 5.333 3.778 9.764 3.778s7.648-1.48 9.764-3.778q.528-.574.972-1.22" clip-rule="evenodd"/></svg> </template>
CSS
.icon-face-with-medical-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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2022v-3h16v3zm3-7a3%203%200%201%200%200-6a3%203%200%200%200%200%206m10%200a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.765%205.423C7.315%202.654%2011.096%201%2016%201s8.686%201.654%2011.235%204.423C29.773%208.178%2031%2011.938%2031%2015.999s-1.226%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423s-8.686-1.654-11.235-4.423C2.227%2023.82%201%2020.06%201%2015.999S2.227%208.178%204.765%205.423m-1.726%209.41a18%2018%200%200%200-.038%201.166c0%202.189.393%204.224%201.162%206.001H8v2h16v-2h3.837c.769-1.777%201.162-3.812%201.162-6.001q0-.591-.038-1.166L24%2017.589V17H8v.589zm.283-2.131l5.594%203.107q.226-.139.495-.212C11.073%2015.153%2013.876%2014.5%2016%2014.5s4.927.653%206.589%201.097q.268.073.495.212l5.594-3.107c-.47-2.306-1.45-4.335-2.914-5.924C23.648%204.48%2020.431%203%2016%203S8.352%204.48%206.236%206.778c-1.464%201.59-2.444%203.618-2.914%205.924M26.736%2024h-2.759a1.87%201.87%200%200%201-1.181%201.484C21.22%2026.076%2018.379%2027%2016%2027s-5.22-.924-6.796-1.516A1.87%201.87%200%200%201%208.023%2024H5.264q.444.646.972%201.22c2.116%202.298%205.333%203.778%209.764%203.778s7.648-1.48%209.764-3.778q.528-.574.972-1.22%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8%2022v-3h16v3zm3-7a3%203%200%201%200%200-6a3%203%200%200%200%200%206m10%200a3%203%200%201%200%200-6a3%203%200%200%200%200%206%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M4.765%205.423C7.315%202.654%2011.096%201%2016%201s8.686%201.654%2011.235%204.423C29.773%208.178%2031%2011.938%2031%2015.999s-1.226%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423s-8.686-1.654-11.235-4.423C2.227%2023.82%201%2020.06%201%2015.999S2.227%208.178%204.765%205.423m-1.726%209.41a18%2018%200%200%200-.038%201.166c0%202.189.393%204.224%201.162%206.001H8v2h16v-2h3.837c.769-1.777%201.162-3.812%201.162-6.001q0-.591-.038-1.166L24%2017.589V17H8v.589zm.283-2.131l5.594%203.107q.226-.139.495-.212C11.073%2015.153%2013.876%2014.5%2016%2014.5s4.927.653%206.589%201.097q.268.073.495.212l5.594-3.107c-.47-2.306-1.45-4.335-2.914-5.924C23.648%204.48%2020.431%203%2016%203S8.352%204.48%206.236%206.778c-1.464%201.59-2.444%203.618-2.914%205.924M26.736%2024h-2.759a1.87%201.87%200%200%201-1.181%201.484C21.22%2026.076%2018.379%2027%2016%2027s-5.22-.924-6.796-1.516A1.87%201.87%200%200%201%208.023%2024H5.264q.444.646.972%201.22c2.116%202.298%205.333%203.778%209.764%203.778s7.648-1.48%209.764-3.778q.528-.574.972-1.22%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/fluent-emoji-high-contrast/face-with-medical-mask.svg?color=%231a73e8&size=48
