Bone Fracture icon
lucide:bone-fracture
The Bone Fracture icon (lucide:bone-fracture) is a free SVG icon from the Lucide set by Lucide Contributors. It is drawn on a 24 × 24 grid. Lucide icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Lucide
- Author
- Lucide Contributors
- License
- ISC
- Size
- 24 × 24
- Tags
- bone, fracture, injury, orthopedic, medical, anatomy, skeletal, broken, xray, trauma, health, vet, veterinary, crack, break, damage
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 4.5a1 1 0 0 1 5 0a.5.5 0 0 0 .5.5a1 1 0 0 1 0 5c-.81 0-1.8-.7-2.5 0l-1.958 1.957a.15.15 0 0 1-.252-.072l-.493-2.07a.15.15 0 0 0-.111-.112l-2.072-.494a.15.15 0 0 1-.072-.252L14 7c.7-.7 0-1.69 0-2.5M16 20l-1-2m5-2l-2-1M4 8l2 1m2-5l1 2m.698 8.19a.15.15 0 0 0 .112.112l2.074.489a.15.15 0 0 1 .072.252L10 17c-.7.7 0 1.69 0 2.5a1 1 0 0 1-5 0a.495.495 0 0 0-.5-.5a1 1 0 0 1 0-5c.81 0 1.8.7 2.5 0l1.956-1.957a.15.15 0 0 1 .252.072z"/></svg>How to use the Bone Fracture icon
React
import { Icon } from "@iconify/react";
<Icon icon="lucide:bone-fracture" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lucide:bone-fracture" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lucide:bone-fracture" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lucide--bone-fracture]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lucide -->
<div class="i-lucide:bone-fracture"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lucide:bone-fracture"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/lucide/bone-fracture.svg" alt="Bone Fracture icon" width="24" height="24">Related icons in Lucide
Bone Fracture icon in other icon sets
Bone Fracture icon FAQ
Is the Bone Fracture icon free for commercial use?
Yes. Lucide icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Bone Fracture icon in React?
Install @iconify/react and render <Icon icon="lucide:bone-fracture" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bone Fracture icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/lucide/bone-fracture.svg" alt="Bone Fracture icon">, or paste the SVG code inline to style it with CSS.