The HugeIcons broken bone icon visually represents an injury or fracture, commonly used to indicate a problem, error, or a disabled state in a user interface.
Common uses
- Error or validation message
- Disabled feature indicator
- Health or status warning
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BrokenBoneIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BrokenBoneIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- fractureinjuryerrorwarning
FAQ
- What does the broken bone icon represent?
- It signifies an injury, fracture, or something being broken. In UI, it's often used for errors, warnings, or disabled states.
- How do I use the BrokenBoneIcon in React?
- Import both HugeiconsIcon and BrokenBoneIcon, then render it using <HugeiconsIcon icon={BrokenBoneIcon} />.
- What is the license for this icon?
- The HugeIcons library, including the BrokenBoneIcon, 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 →