The Tabler bone icon depicts a stylized bone, commonly used to represent concepts related to food, nutrition, or animal-related themes in UI design.
Common uses
- Representing pet food or treats.
- Indicating a restaurant or meal-related setting.
- Illustrating a skeletal or anatomical reference.
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconBone } from '@tabler/icons-react';
<IconBone size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconBone size={24} stroke={2} />filled
<IconBoneFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Food
- Keywords
- skeletonhumandogbodybonemealcuisineeatingnutritionculinaryfooddog bone
FAQ
- What is the bone icon used for?
- It's typically used for themes related to food, nutrition, animals (like dogs), or skeletal imagery in user interfaces.
- How do I use the bone icon in React?
- You can import and use it like this: import { IconBone } from '@tabler/icons-react'; <IconBone />
- What is the license for the Tabler bone icon?
- The Tabler bone icon is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →