The Phosphor heartbeat icon depicts a stylized electrocardiogram (ECG) line, commonly used to represent health, vital signs, or medical monitoring in user interfaces.
Common uses
- Displaying a user's vital signs status.
- Indicating a health-related feature or section.
- Representing a medical or wellness service.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Heartbeat } from '@phosphor-icons/react';
<Heartbeat size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Heartbeat size={24} />thin
<Heartbeat size={24} weight="thin" />light
<Heartbeat size={24} weight="light" />bold
<Heartbeat size={24} weight="bold" />fill
<Heartbeat size={24} weight="fill" />duotone
<Heartbeat size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- health & wellness
- Keywords
- wellnesshealthyecgekgvitalsmonitorhealth & wellnesssystemheartbeatmedical
FAQ
- What is the heartbeat icon used for?
- It's used to visually represent concepts related to health, vital signs, medical monitoring, or wellness.
- How do I use the heartbeat icon in React?
- You can import and use it like this: import { Heartbeat } from '@phosphor-icons/react'. Then render it as <Heartbeat size={32} />.
- What is the license for this icon?
- The Phosphor icon library, including the heartbeat 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 →