The HugeIcons blood icon depicts a stylized drop of blood, commonly used to represent medical information, health status, or donation-related actions in user interfaces.
Common uses
- Medical record indicator
- Blood donation app button
- Health status alert
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BloodIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BloodIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- dropmedicalhealthdonation
FAQ
- What is the BloodIcon used for?
- It visually represents blood, suitable for medical contexts, health tracking, or donation services.
- How do I use the BloodIcon in React?
- Import both HugeiconsIcon and BloodIcon, then render it using <HugeiconsIcon icon={BloodIcon} />.
- What is the license for this icon?
- The BloodIcon is part of the HugeIcons library and is available under the MIT license.
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 →