The Phosphor first aid icon depicts a red cross, commonly used in UI to represent medical services, emergency information, or health-related features.
Common uses
- Emergency contact button
- Medical information section
- Health insurance link
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { FirstAid } from '@phosphor-icons/react';
<FirstAid size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<FirstAid size={24} />thin
<FirstAid size={24} weight="thin" />light
<FirstAid size={24} weight="light" />bold
<FirstAid size={24} weight="bold" />fill
<FirstAid size={24} weight="fill" />duotone
<FirstAid size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- hospitalcrossmedicalmedicineinjurysafetyemergencydoctorhealth & wellnessfirstaidmedical crossred crosshealth crossemergency symbol
FAQ
- What does the first aid icon represent?
- It represents medical services, emergency situations, or health and wellness topics, often symbolized by a red cross.
- How do I use the first aid icon in React?
- You can import and use it like this: import { FirstAid } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the first aid icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →