medical mask icon

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

Name: medical-mask-sharp
Set: Material Symbols Light
Style: Sharp
Category: Social
Viewbox: 24×24
License: Apache 2.0

3 other variants in Material Symbols Light

medical-mask medical-mask-outline medical-mask-outline-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 17.973q-1.775 0-3.512-.146T5 17.452v-2.077q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829 8.923 5 8.63V5.929q1.75.229 3.488.375T12 6.45t3.513-.156T19 5.93v2.7q1.171.292 1.903 1.23t.732 2.14t-.732 2.14T19 15.37v2.082q-1.75.21-3.488.365T12 17.973m0-2.992q1.104 0 2.183-.156t2.163-.437v-1.017q-1.084.287-2.163.448q-1.08.162-2.183.162t-2.18-.162t-2.16-.448v1.037q1.084.28 2.16.426q1.076.147 2.18.147m-7-.66V9.685q-.725.274-1.18.907T3.366 12q0 .78.454 1.414T5 14.32m14 0q.725-.275 1.18-.907T20.635 12q0-.794-.458-1.417T19 9.685zM12 11q1.104 0 2.183-.156q1.079-.155 2.163-.436V9.39q-1.084.286-2.163.447Q13.103 10 12 10t-2.18-.161t-2.16-.449v1.037q1.084.28 2.16.427T12 11"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightMedicalMaskSharp(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 17.973q-1.775 0-3.512-.146T5 17.452v-2.077q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829 8.923 5 8.63V5.929q1.75.229 3.488.375T12 6.45t3.513-.156T19 5.93v2.7q1.171.292 1.903 1.23t.732 2.14t-.732 2.14T19 15.37v2.082q-1.75.21-3.488.365T12 17.973m0-2.992q1.104 0 2.183-.156t2.163-.437v-1.017q-1.084.287-2.163.448q-1.08.162-2.183.162t-2.18-.162t-2.16-.448v1.037q1.084.28 2.16.426q1.076.147 2.18.147m-7-.66V9.685q-.725.274-1.18.907T3.366 12q0 .78.454 1.414T5 14.32m14 0q.725-.275 1.18-.907T20.635 12q0-.794-.458-1.417T19 9.685zM12 11q1.104 0 2.183-.156q1.079-.155 2.163-.436V9.39q-1.084.286-2.163.447Q13.103 10 12 10t-2.18-.161t-2.16-.449v1.037q1.084.28 2.16.427T12 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 17.973q-1.775 0-3.512-.146T5 17.452v-2.077q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829 8.923 5 8.63V5.929q1.75.229 3.488.375T12 6.45t3.513-.156T19 5.93v2.7q1.171.292 1.903 1.23t.732 2.14t-.732 2.14T19 15.37v2.082q-1.75.21-3.488.365T12 17.973m0-2.992q1.104 0 2.183-.156t2.163-.437v-1.017q-1.084.287-2.163.448q-1.08.162-2.183.162t-2.18-.162t-2.16-.448v1.037q1.084.28 2.16.426q1.076.147 2.18.147m-7-.66V9.685q-.725.274-1.18.907T3.366 12q0 .78.454 1.414T5 14.32m14 0q.725-.275 1.18-.907T20.635 12q0-.794-.458-1.417T19 9.685zM12 11q1.104 0 2.183-.156q1.079-.155 2.163-.436V9.39q-1.084.286-2.163.447Q13.103 10 12 10t-2.18-.161t-2.16-.449v1.037q1.084.28 2.16.427T12 11"/></svg>
</template>

CSS

.icon-medical-mask-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%22M12%2017.973q-1.775%200-3.512-.146T5%2017.452v-2.077q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829%208.923%205%208.63V5.929q1.75.229%203.488.375T12%206.45t3.513-.156T19%205.93v2.7q1.171.292%201.903%201.23t.732%202.14t-.732%202.14T19%2015.37v2.082q-1.75.21-3.488.365T12%2017.973m0-2.992q1.104%200%202.183-.156t2.163-.437v-1.017q-1.084.287-2.163.448q-1.08.162-2.183.162t-2.18-.162t-2.16-.448v1.037q1.084.28%202.16.426q1.076.147%202.18.147m-7-.66V9.685q-.725.274-1.18.907T3.366%2012q0%20.78.454%201.414T5%2014.32m14%200q.725-.275%201.18-.907T20.635%2012q0-.794-.458-1.417T19%209.685zM12%2011q1.104%200%202.183-.156q1.079-.155%202.163-.436V9.39q-1.084.286-2.163.447Q13.103%2010%2012%2010t-2.18-.161t-2.16-.449v1.037q1.084.28%202.16.427T12%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%2017.973q-1.775%200-3.512-.146T5%2017.452v-2.077q-1.171-.292-1.903-1.233q-.731-.94-.731-2.142q0-1.196.731-2.136Q3.829%208.923%205%208.63V5.929q1.75.229%203.488.375T12%206.45t3.513-.156T19%205.93v2.7q1.171.292%201.903%201.23t.732%202.14t-.732%202.14T19%2015.37v2.082q-1.75.21-3.488.365T12%2017.973m0-2.992q1.104%200%202.183-.156t2.163-.437v-1.017q-1.084.287-2.163.448q-1.08.162-2.183.162t-2.18-.162t-2.16-.448v1.037q1.084.28%202.16.426q1.076.147%202.18.147m-7-.66V9.685q-.725.274-1.18.907T3.366%2012q0%20.78.454%201.414T5%2014.32m14%200q.725-.275%201.18-.907T20.635%2012q0-.794-.458-1.417T19%209.685zM12%2011q1.104%200%202.183-.156q1.079-.155%202.163-.436V9.39q-1.084.286-2.163.447Q13.103%2010%2012%2010t-2.18-.161t-2.16-.449v1.037q1.084.28%202.16.427T12%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-sharp.svg?color=%231a73e8&size=48