Bones Broken icon
solar:bones-broken
The Bones Broken icon (solar:bones-broken) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Medicine
- Tags
- bonesbroken, bone
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linejoin="round" d="M9.4809 2.04541V4.0606C9.4809 4.61708 9.00457 5.05911 8.52039 5.33341C7.60566 5.85162 6.96191 7.03991 6.96191 8.09098C6.96191 9.48218 8.0897 10.61 9.4809 10.61C10.8721 10.61 11.9999 9.48218 11.9999 8.09098C11.9999 9.48218 13.1277 10.61 14.5189 10.61C15.9101 10.61 17.0379 9.48218 17.0379 8.09098C17.0379 7.03991 16.3941 5.85162 15.4794 5.33341C14.9952 5.05911 14.5189 4.61708 14.5189 4.0606L14.5189 2.04541"/><path stroke-linejoin="round" d="M9.51899 22V19.9848C9.51899 19.4283 9.04266 18.9863 8.55848 18.712C7.64375 18.1938 7 17.0055 7 15.9544C7 14.5632 8.12779 13.4354 9.51899 13.4354C10.9102 13.4354 12.038 14.5632 12.038 15.9544C12.038 14.5632 13.1658 13.4354 14.557 13.4354C15.9482 13.4354 17.076 14.5632 17.076 15.9544C17.076 17.0055 16.4322 18.1938 15.5175 18.712C15.0333 18.9863 14.557 19.4283 14.557 19.9848L14.557 22"/><path stroke-linecap="round" d="M22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C21.5093 4.43821 21.8356 5.80655 21.9449 8"/></g></svg>How to use the Bones Broken icon
React
import { Icon } from "@iconify/react";
<Icon icon="solar:bones-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:bones-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:bones-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bones-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bones-broken"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:bones-broken"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/solar/bones-broken.svg" alt="Bones Broken icon" width="24" height="24">Related icons in Solar
Bones Broken icon FAQ
Is the Bones Broken icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Bones Broken icon in React?
Install @iconify/react and render <Icon icon="solar:bones-broken" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bones Broken icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/bones-broken.svg" alt="Bones Broken icon">, or paste the SVG code inline to style it with CSS.