medical mask icon
medical-mask-outline-sharp from Material Symbols Light by Google · Outline Sharp · Social · Apache-2.0 Free for personal and commercial use.
- Name
- medical-mask-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Social
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More social icons from Material Symbols Light
Use the medical mask icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 17.973q-1.773 0-3.51-.146Q6.75 17.681 5 17.452v-2.078q-1.171-.291-1.903-1.232q-.732-.94-.732-2.142q0-1.187.732-2.132T5 8.631V5.929q1.75.229 3.49.375t3.512.146t3.51-.156T19 5.93v2.7q1.171.292 1.903 1.226T21.635 12t-.732 2.143T19 15.366v2.086q-1.75.21-3.49.365q-1.74.156-3.512.156M12 17q1.5 0 3-.125t3-.32v-9.55q-1.5.195-3 .32t-3 .125t-3-.125t-3-.32v9.55q1.5.195 3 .32T12 17m-.003-2.02q1.107 0 2.186-.155q1.079-.156 2.163-.436V13.37q-1.084.287-2.164.448t-2.183.162t-2.179-.162t-2.16-.448v1.037q1.084.28 2.157.427t2.18.146M5 14.32V9.685q-.725.274-1.18.907T3.366 12q0 .776.454 1.411t1.18.91m14 0q.725-.275 1.18-.91T20.635 12q0-.794-.458-1.417T19 9.685zM11.997 11q1.107 0 2.186-.156q1.079-.155 2.163-.436V9.39q-1.084.286-2.164.447T11.999 10T9.82 9.839T7.66 9.39v1.037q1.084.28 2.157.427t2.18.146M6 16.556v-9.55z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightMedicalMaskOutlineSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 17.973q-1.773 0-3.51-.146Q6.75 17.681 5 17.452v-2.078q-1.171-.291-1.903-1.232q-.732-.94-.732-2.142q0-1.187.732-2.132T5 8.631V5.929q1.75.229 3.49.375t3.512.146t3.51-.156T19 5.93v2.7q1.171.292 1.903 1.226T21.635 12t-.732 2.143T19 15.366v2.086q-1.75.21-3.49.365q-1.74.156-3.512.156M12 17q1.5 0 3-.125t3-.32v-9.55q-1.5.195-3 .32t-3 .125t-3-.125t-3-.32v9.55q1.5.195 3 .32T12 17m-.003-2.02q1.107 0 2.186-.155q1.079-.156 2.163-.436V13.37q-1.084.287-2.164.448t-2.183.162t-2.179-.162t-2.16-.448v1.037q1.084.28 2.157.427t2.18.146M5 14.32V9.685q-.725.274-1.18.907T3.366 12q0 .776.454 1.411t1.18.91m14 0q.725-.275 1.18-.91T20.635 12q0-.794-.458-1.417T19 9.685zM11.997 11q1.107 0 2.186-.156q1.079-.155 2.163-.436V9.39q-1.084.286-2.164.447T11.999 10T9.82 9.839T7.66 9.39v1.037q1.084.28 2.157.427t2.18.146M6 16.556v-9.55z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.998 17.973q-1.773 0-3.51-.146Q6.75 17.681 5 17.452v-2.078q-1.171-.291-1.903-1.232q-.732-.94-.732-2.142q0-1.187.732-2.132T5 8.631V5.929q1.75.229 3.49.375t3.512.146t3.51-.156T19 5.93v2.7q1.171.292 1.903 1.226T21.635 12t-.732 2.143T19 15.366v2.086q-1.75.21-3.49.365q-1.74.156-3.512.156M12 17q1.5 0 3-.125t3-.32v-9.55q-1.5.195-3 .32t-3 .125t-3-.125t-3-.32v9.55q1.5.195 3 .32T12 17m-.003-2.02q1.107 0 2.186-.155q1.079-.156 2.163-.436V13.37q-1.084.287-2.164.448t-2.183.162t-2.179-.162t-2.16-.448v1.037q1.084.28 2.157.427t2.18.146M5 14.32V9.685q-.725.274-1.18.907T3.366 12q0 .776.454 1.411t1.18.91m14 0q.725-.275 1.18-.91T20.635 12q0-.794-.458-1.417T19 9.685zM11.997 11q1.107 0 2.186-.156q1.079-.155 2.163-.436V9.39q-1.084.286-2.164.447T11.999 10T9.82 9.839T7.66 9.39v1.037q1.084.28 2.157.427t2.18.146M6 16.556v-9.55z"/></svg> </template>
CSS
.icon-medical-mask-outline-sharp {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.998%2017.973q-1.773%200-3.51-.146Q6.75%2017.681%205%2017.452v-2.078q-1.171-.291-1.903-1.232q-.732-.94-.732-2.142q0-1.187.732-2.132T5%208.631V5.929q1.75.229%203.49.375t3.512.146t3.51-.156T19%205.93v2.7q1.171.292%201.903%201.226T21.635%2012t-.732%202.143T19%2015.366v2.086q-1.75.21-3.49.365q-1.74.156-3.512.156M12%2017q1.5%200%203-.125t3-.32v-9.55q-1.5.195-3%20.32t-3%20.125t-3-.125t-3-.32v9.55q1.5.195%203%20.32T12%2017m-.003-2.02q1.107%200%202.186-.155q1.079-.156%202.163-.436V13.37q-1.084.287-2.164.448t-2.183.162t-2.179-.162t-2.16-.448v1.037q1.084.28%202.157.427t2.18.146M5%2014.32V9.685q-.725.274-1.18.907T3.366%2012q0%20.776.454%201.411t1.18.91m14%200q.725-.275%201.18-.91T20.635%2012q0-.794-.458-1.417T19%209.685zM11.997%2011q1.107%200%202.186-.156q1.079-.155%202.163-.436V9.39q-1.084.286-2.164.447T11.999%2010T9.82%209.839T7.66%209.39v1.037q1.084.28%202.157.427t2.18.146M6%2016.556v-9.55z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.998%2017.973q-1.773%200-3.51-.146Q6.75%2017.681%205%2017.452v-2.078q-1.171-.291-1.903-1.232q-.732-.94-.732-2.142q0-1.187.732-2.132T5%208.631V5.929q1.75.229%203.49.375t3.512.146t3.51-.156T19%205.93v2.7q1.171.292%201.903%201.226T21.635%2012t-.732%202.143T19%2015.366v2.086q-1.75.21-3.49.365q-1.74.156-3.512.156M12%2017q1.5%200%203-.125t3-.32v-9.55q-1.5.195-3%20.32t-3%20.125t-3-.125t-3-.32v9.55q1.5.195%203%20.32T12%2017m-.003-2.02q1.107%200%202.186-.155q1.079-.156%202.163-.436V13.37q-1.084.287-2.164.448t-2.183.162t-2.179-.162t-2.16-.448v1.037q1.084.28%202.157.427t2.18.146M5%2014.32V9.685q-.725.274-1.18.907T3.366%2012q0%20.776.454%201.411t1.18.91m14%200q.725-.275%201.18-.91T20.635%2012q0-.794-.458-1.417T19%209.685zM11.997%2011q1.107%200%202.186-.156q1.079-.155%202.163-.436V9.39q-1.084.286-2.164.447T11.999%2010T9.82%209.839T7.66%209.39v1.037q1.084.28%202.157.427t2.18.146M6%2016.556v-9.55z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/medical-mask-outline-sharp.svg?color=%231a73e8&size=48
