A bone, for anatomy, orthopaedics, pet treats and anything about the skeleton. On a 24×24 grid in stroke, two-tone, duotone and fill, free under MIT.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path d="M10.5858 10.5858L12.8685 8.3031C13.22 7.9516 13.26 7.3952 12.9623 6.9971C12.2181 6.0019 12.3179 4.611 13.1967 3.7322C14.173 2.7559 15.7559 2.7559 16.7322 3.7322C17.2073 4.2073 17.4712 4.8537 17.4643 5.5255C17.4616 5.7943 17.5671 6.0528 17.7571 6.2429C17.9472 6.4329 18.2057 6.5384 18.4745 6.5357C19.1463 6.5288 19.7927 6.7927 20.2678 7.2678C21.2441 8.2441 21.2441 9.827 20.2678 10.8033C19.389 11.6821 17.9981 11.7819 17.0029 11.0377C16.6048 10.74 16.0484 10.78 15.6969 11.1315L13.4142 13.4142L11.1315 15.6969C10.78 16.0484 10.74 16.6048 11.0377 17.0029C11.7819 17.9981 11.6821 19.389 10.8033 20.2678C9.827 21.2441 8.2441 21.2441 7.2678 20.2678C6.7927 19.7927 6.5288 19.1463 6.5357 18.4745C6.5384 18.2057 6.4329 17.9472 6.2429 17.7571C6.0528 17.5671 5.7943 17.4616 5.5255 17.4643C4.8537 17.4712 4.2073 17.2073 3.7322 16.7322C2.7559 15.7559 2.7559 14.173 3.7322 13.1967C4.611 12.3179 6.0019 12.2181 6.9971 12.9623C7.3952 13.26 7.9516 13.22 8.3031 12.8685L10.5858 10.5858Z" fill="none"/>
</svg>Also called
What someone searching for this drawing would have typed instead. These are the words the browser's search matches on.
- dog bone
- pet
- dog treat
- skeleton
- anatomy
- orthopedic
Related icons
The rest of the bone family first, then the Health shelf.
FAQ
Answered from bone's own facts: its shelf, the weights it was drawn in, its siblings and its dates.
- What is the bone icon for?
- A bone, for anatomy, orthopaedics, pet treats and anything about the skeleton. It is filed under Health in Keyline Icons, drawn on the same 24×24 grid as the rest of the set. People look for it as dog bone, pet, dog treat, skeleton, anatomy and orthopedic, and the browser's search matches all of those.
- What styles does the bone icon come in?
- All four: stroke, two-tone, duotone and fill. They are drawn from the same geometry, so swapping style never moves anything.
- Is there a square or circle version of bone?
- No. bone is drawn as a bare glyph, and the set has no boxed variant of it.
- What other icons go with bone?
- bone-fractured, bandage, brain, briefcase-medical, ear and ear-listen, and 8 more, all shown below. The bone family is listed first, then the rest of the Health shelf, so the row under this one is the useful one even where a shelf runs long.
- How do I import bone in React?
- <Bone /> is the component, and the weight decides the module: stroke from "@keyline-icons/react", two-tone from "@keyline-icons/react/two-tone", duotone from "@keyline-icons/react/duotone" and fill from "@keyline-icons/react/fill". It takes the usual SVG props plus a size, so <Bone size={16} /> and className="size-4" both work, and there is no provider or theme to set up.
- Where is the bone SVG?
- icons/stroke/bone.svg, icons/two-tone/bone.svg, icons/duotone/bone.svg and icons/fill/bone.svg in the repository, normalised: no wrapper, no ids and no classes to strip out. The tabs above hand you the same drawing as SVG or JSX without the download, and neither needs an install.
- When was bone added to the set?
- Added 25 Oct 2026. It ships in v2.2.0, so an install at that version or later has it.
Questions about the set rather than about this drawing are answered where they belong. The home page covers what the set is, how the three styles differ, why some icons come boxed and where the Figma file is; installing the set in a shadcn/ui project covers the React package, the CLI and using an icon without React. The MIT licence is stated in the footer of every page.