The HugeIcons medical mask icon visually represents protection against airborne particles and is commonly used to signify health, safety, or medical contexts in user interfaces.
Common uses
- COVID-19 safety guidelines
- Healthcare service information
- Allergy or pollution alerts
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { MedicalMaskIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={MedicalMaskIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- face masksurgical maskrespiratorhealth protection
FAQ
- What does the medical mask icon represent?
- It represents a face mask worn for protection against inhaling or exhaling airborne particles, commonly associated with health and safety.
- How do I use the MedicalMaskIcon in React?
- Import both HugeiconsIcon and MedicalMaskIcon, then render it using <HugeiconsIcon icon={MedicalMaskIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.
Looking for something else? Search HugeIcons and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →