bone icon
bone-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- bone-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the bone icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.74 58.31a39.9 39.9 0 0 0-23.35-13.7a40 40 0 1 0-74.86 25.87l-66 66.05a40 40 0 1 0-25.87 74.86a40 40 0 1 0 74.86-25.86l66.05-66.06a40 40 0 0 0 49.22-61.16Zm-18.64 36.2a16 16 0 0 1-20.54 3a20 20 0 0 0-24.84 2.76l-70.4 70.4a20 20 0 0 0-2.75 24.84a16 16 0 1 1-29.41 6A12 12 0 0 0 56.3 187.7a11.6 11.6 0 0 0-1.85.14a16 16 0 1 1 6-29.4a20 20 0 0 0 24.83-2.76l70.4-70.4a20 20 0 0 0 2.76-24.84a16 16 0 1 1 29.4-6a12 12 0 0 0 13.71 13.71a16 16 0 0 1 14.55 26.36"/></svg>
React
import type { SVGProps } from "react";
export function PhBoneBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.74 58.31a39.9 39.9 0 0 0-23.35-13.7a40 40 0 1 0-74.86 25.87l-66 66.05a40 40 0 1 0-25.87 74.86a40 40 0 1 0 74.86-25.86l66.05-66.06a40 40 0 0 0 49.22-61.16Zm-18.64 36.2a16 16 0 0 1-20.54 3a20 20 0 0 0-24.84 2.76l-70.4 70.4a20 20 0 0 0-2.75 24.84a16 16 0 1 1-29.41 6A12 12 0 0 0 56.3 187.7a11.6 11.6 0 0 0-1.85.14a16 16 0 1 1 6-29.4a20 20 0 0 0 24.83-2.76l70.4-70.4a20 20 0 0 0 2.76-24.84a16 16 0 1 1 29.4-6a12 12 0 0 0 13.71 13.71a16 16 0 0 1 14.55 26.36"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M234.74 58.31a39.9 39.9 0 0 0-23.35-13.7a40 40 0 1 0-74.86 25.87l-66 66.05a40 40 0 1 0-25.87 74.86a40 40 0 1 0 74.86-25.86l66.05-66.06a40 40 0 0 0 49.22-61.16Zm-18.64 36.2a16 16 0 0 1-20.54 3a20 20 0 0 0-24.84 2.76l-70.4 70.4a20 20 0 0 0-2.75 24.84a16 16 0 1 1-29.41 6A12 12 0 0 0 56.3 187.7a11.6 11.6 0 0 0-1.85.14a16 16 0 1 1 6-29.4a20 20 0 0 0 24.83-2.76l70.4-70.4a20 20 0 0 0 2.76-24.84a16 16 0 1 1 29.4-6a12 12 0 0 0 13.71 13.71a16 16 0 0 1 14.55 26.36"/></svg> </template>
CSS
.icon-bone-bold {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M234.74%2058.31a39.9%2039.9%200%200%200-23.35-13.7a40%2040%200%201%200-74.86%2025.87l-66%2066.05a40%2040%200%201%200-25.87%2074.86a40%2040%200%201%200%2074.86-25.86l66.05-66.06a40%2040%200%200%200%2049.22-61.16Zm-18.64%2036.2a16%2016%200%200%201-20.54%203a20%2020%200%200%200-24.84%202.76l-70.4%2070.4a20%2020%200%200%200-2.75%2024.84a16%2016%200%201%201-29.41%206A12%2012%200%200%200%2056.3%20187.7a11.6%2011.6%200%200%200-1.85.14a16%2016%200%201%201%206-29.4a20%2020%200%200%200%2024.83-2.76l70.4-70.4a20%2020%200%200%200%202.76-24.84a16%2016%200%201%201%2029.4-6a12%2012%200%200%200%2013.71%2013.71a16%2016%200%200%201%2014.55%2026.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M234.74%2058.31a39.9%2039.9%200%200%200-23.35-13.7a40%2040%200%201%200-74.86%2025.87l-66%2066.05a40%2040%200%201%200-25.87%2074.86a40%2040%200%201%200%2074.86-25.86l66.05-66.06a40%2040%200%200%200%2049.22-61.16Zm-18.64%2036.2a16%2016%200%200%201-20.54%203a20%2020%200%200%200-24.84%202.76l-70.4%2070.4a20%2020%200%200%200-2.75%2024.84a16%2016%200%201%201-29.41%206A12%2012%200%200%200%2056.3%20187.7a11.6%2011.6%200%200%200-1.85.14a16%2016%200%201%201%206-29.4a20%2020%200%200%200%2024.83-2.76l70.4-70.4a20%2020%200%200%200%202.76-24.84a16%2016%200%201%201%2029.4-6a12%2012%200%200%200%2013.71%2013.71a16%2016%200%200%201%2014.55%2026.36%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bone-bold.svg?color=%231a73e8&size=48
