medical mask icon

medical-mask from Material Symbols Light by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: medical-mask
Set: Material Symbols Light
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: medical-mask-rounded

3 other variants in Material Symbols Light

medical-mask-outline medical-mask-outline-sharp medical-mask-sharp

The same icon in other sets

medical-maskHuge Icons medical-maskMaterial Symbols

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="M12 18q-1.408 0-2.78-.118t-2.776-.324q-.61-.106-1.027-.553T5 15.948v-.573q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829 8.923 5 8.63v-.939q0-.69.517-1.162q.518-.472 1.222-.434q.552.038 1.097.118t1.097.13q.78.056 1.533.081T12 6.45q.685 0 1.332-.025t1.332-.08q.667-.05 1.302-.121q.636-.07 1.284-.128q.71-.058 1.23.414q.52.473.52 1.182v.939q1.171.292 1.903 1.23T21.635 12t-.732 2.14T19 15.37v.572q0 .616-.42 1.063t-1.03.553q-1.383.211-2.766.327Q13.403 18 12 18m0-3q1.056 0 2.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12 14t-1.955-.107t-1.91-.382q-.189-.067-.366.047t-.244.302t.049.365t.305.244q1.012.306 2.036.419T12 15m-7-.679V9.685q-.725.274-1.18.907T3.366 12q0 .78.454 1.414T5 14.32m14 0q.72-.275 1.177-.907q.458-.633.458-1.414q0-.794-.458-1.417T19 9.685zM12 11q1.056 0 2.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12 10t-1.955-.11t-1.91-.379q-.189-.067-.366.047t-.244.308q-.067.188.037.365t.298.244q1.011.275 2.045.4T12 11"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMedicalMask(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="M12 18q-1.408 0-2.78-.118t-2.776-.324q-.61-.106-1.027-.553T5 15.948v-.573q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829 8.923 5 8.63v-.939q0-.69.517-1.162q.518-.472 1.222-.434q.552.038 1.097.118t1.097.13q.78.056 1.533.081T12 6.45q.685 0 1.332-.025t1.332-.08q.667-.05 1.302-.121q.636-.07 1.284-.128q.71-.058 1.23.414q.52.473.52 1.182v.939q1.171.292 1.903 1.23T21.635 12t-.732 2.14T19 15.37v.572q0 .616-.42 1.063t-1.03.553q-1.383.211-2.766.327Q13.403 18 12 18m0-3q1.056 0 2.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12 14t-1.955-.107t-1.91-.382q-.189-.067-.366.047t-.244.302t.049.365t.305.244q1.012.306 2.036.419T12 15m-7-.679V9.685q-.725.274-1.18.907T3.366 12q0 .78.454 1.414T5 14.32m14 0q.72-.275 1.177-.907q.458-.633.458-1.414q0-.794-.458-1.417T19 9.685zM12 11q1.056 0 2.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12 10t-1.955-.11t-1.91-.379q-.189-.067-.366.047t-.244.308q-.067.188.037.365t.298.244q1.011.275 2.045.4T12 11"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 18q-1.408 0-2.78-.118t-2.776-.324q-.61-.106-1.027-.553T5 15.948v-.573q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829 8.923 5 8.63v-.939q0-.69.517-1.162q.518-.472 1.222-.434q.552.038 1.097.118t1.097.13q.78.056 1.533.081T12 6.45q.685 0 1.332-.025t1.332-.08q.667-.05 1.302-.121q.636-.07 1.284-.128q.71-.058 1.23.414q.52.473.52 1.182v.939q1.171.292 1.903 1.23T21.635 12t-.732 2.14T19 15.37v.572q0 .616-.42 1.063t-1.03.553q-1.383.211-2.766.327Q13.403 18 12 18m0-3q1.056 0 2.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12 14t-1.955-.107t-1.91-.382q-.189-.067-.366.047t-.244.302t.049.365t.305.244q1.012.306 2.036.419T12 15m-7-.679V9.685q-.725.274-1.18.907T3.366 12q0 .78.454 1.414T5 14.32m14 0q.72-.275 1.177-.907q.458-.633.458-1.414q0-.794-.458-1.417T19 9.685zM12 11q1.056 0 2.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12 10t-1.955-.11t-1.91-.379q-.189-.067-.366.047t-.244.308q-.067.188.037.365t.298.244q1.011.275 2.045.4T12 11"/></svg>
</template>

CSS

.icon-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%2018q-1.408%200-2.78-.118t-2.776-.324q-.61-.106-1.027-.553T5%2015.948v-.573q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829%208.923%205%208.63v-.939q0-.69.517-1.162q.518-.472%201.222-.434q.552.038%201.097.118t1.097.13q.78.056%201.533.081T12%206.45q.685%200%201.332-.025t1.332-.08q.667-.05%201.302-.121q.636-.07%201.284-.128q.71-.058%201.23.414q.52.473.52%201.182v.939q1.171.292%201.903%201.23T21.635%2012t-.732%202.14T19%2015.37v.572q0%20.616-.42%201.063t-1.03.553q-1.383.211-2.766.327Q13.403%2018%2012%2018m0-3q1.056%200%202.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12%2014t-1.955-.107t-1.91-.382q-.189-.067-.366.047t-.244.302t.049.365t.305.244q1.012.306%202.036.419T12%2015m-7-.679V9.685q-.725.274-1.18.907T3.366%2012q0%20.78.454%201.414T5%2014.32m14%200q.72-.275%201.177-.907q.458-.633.458-1.414q0-.794-.458-1.417T19%209.685zM12%2011q1.056%200%202.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12%2010t-1.955-.11t-1.91-.379q-.189-.067-.366.047t-.244.308q-.067.188.037.365t.298.244q1.011.275%202.045.4T12%2011%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%22M12%2018q-1.408%200-2.78-.118t-2.776-.324q-.61-.106-1.027-.553T5%2015.948v-.573q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829%208.923%205%208.63v-.939q0-.69.517-1.162q.518-.472%201.222-.434q.552.038%201.097.118t1.097.13q.78.056%201.533.081T12%206.45q.685%200%201.332-.025t1.332-.08q.667-.05%201.302-.121q.636-.07%201.284-.128q.71-.058%201.23.414q.52.473.52%201.182v.939q1.171.292%201.903%201.23T21.635%2012t-.732%202.14T19%2015.37v.572q0%20.616-.42%201.063t-1.03.553q-1.383.211-2.766.327Q13.403%2018%2012%2018m0-3q1.056%200%202.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12%2014t-1.955-.107t-1.91-.382q-.189-.067-.366.047t-.244.302t.049.365t.305.244q1.012.306%202.036.419T12%2015m-7-.679V9.685q-.725.274-1.18.907T3.366%2012q0%20.78.454%201.414T5%2014.32m14%200q.72-.275%201.177-.907q.458-.633.458-1.414q0-.794-.458-1.417T19%209.685zM12%2011q1.056%200%202.09-.125t2.045-.4q.194-.067.298-.244t.036-.365t-.244-.296t-.365-.04q-.944.27-1.908.37T12%2010t-1.955-.11t-1.91-.379q-.189-.067-.366.047t-.244.308q-.067.188.037.365t.298.244q1.011.275%202.045.4T12%2011%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.svg?color=%231a73e8&size=48