bone icon

bone from Font Awesome 6 Solid by Dave Gandy · Regular · Food · CC-BY-4.0 Attribution required.

Name
bone
Set
Font Awesome 6 Solid
Style
Regular
Category
Food
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

boneBoxIcons v2boneBoxIcons v2 SolidboneFont Awesome Solidbone-outlineFlowbite IconsboneFluent EmojiboneFluent Emoji FlatboneFluent Emoji High ContrastboneIconParkboneIconPark OutlineboneLine AwesomeboneLucideboneMaterial Design Iconsbone-fillMingCute IconboneNoto EmojiboneOpenMojibonePhosphorbone-boldSolarboneTabler IconsboneTDesign IconsboneTwitter Emoji

More food icons from Font Awesome 6 Solid

baconbread-slicecandy-canecarrotcheesecloud-meatballegghotdoglemonpepper-hotpizza-slicestroopwafel

Use the bone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M153.7 144.8c6.9 16.3 20.6 31.2 38.3 31.2h192c17.7 0 31.4-14.9 38.3-31.2C434.4 116.1 462.9 96 496 96c44.2 0 80 35.8 80 80c0 30.4-17 56.9-42 70.4c-3.6 1.9-6 5.5-6 9.6s2.4 7.7 6 9.6c25 13.5 42 40 42 70.4c0 44.2-35.8 80-80 80c-33.1 0-61.6-20.1-73.7-48.8c-6.9-16.3-20.6-31.2-38.3-31.2H192c-17.7 0-31.4 14.9-38.3 31.2C141.6 395.9 113.1 416 80 416c-44.2 0-80-35.8-80-80c0-30.4 17-56.9 42-70.4c3.6-1.9 6-5.5 6-9.6s-2.4-7.7-6-9.6c-25-13.5-42-40-42-70.4c0-44.2 35.8-80 80-80c33.1 0 61.6 20.1 73.7 48.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidBone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M153.7 144.8c6.9 16.3 20.6 31.2 38.3 31.2h192c17.7 0 31.4-14.9 38.3-31.2C434.4 116.1 462.9 96 496 96c44.2 0 80 35.8 80 80c0 30.4-17 56.9-42 70.4c-3.6 1.9-6 5.5-6 9.6s2.4 7.7 6 9.6c25 13.5 42 40 42 70.4c0 44.2-35.8 80-80 80c-33.1 0-61.6-20.1-73.7-48.8c-6.9-16.3-20.6-31.2-38.3-31.2H192c-17.7 0-31.4 14.9-38.3 31.2C141.6 395.9 113.1 416 80 416c-44.2 0-80-35.8-80-80c0-30.4 17-56.9 42-70.4c3.6-1.9 6-5.5 6-9.6s-2.4-7.7-6-9.6c-25-13.5-42-40-42-70.4c0-44.2 35.8-80 80-80c33.1 0 61.6 20.1 73.7 48.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M153.7 144.8c6.9 16.3 20.6 31.2 38.3 31.2h192c17.7 0 31.4-14.9 38.3-31.2C434.4 116.1 462.9 96 496 96c44.2 0 80 35.8 80 80c0 30.4-17 56.9-42 70.4c-3.6 1.9-6 5.5-6 9.6s2.4 7.7 6 9.6c25 13.5 42 40 42 70.4c0 44.2-35.8 80-80 80c-33.1 0-61.6-20.1-73.7-48.8c-6.9-16.3-20.6-31.2-38.3-31.2H192c-17.7 0-31.4 14.9-38.3 31.2C141.6 395.9 113.1 416 80 416c-44.2 0-80-35.8-80-80c0-30.4 17-56.9 42-70.4c3.6-1.9 6-5.5 6-9.6s-2.4-7.7-6-9.6c-25-13.5-42-40-42-70.4c0-44.2 35.8-80 80-80c33.1 0 61.6 20.1 73.7 48.8"/></svg>
</template>

CSS

.icon-bone {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M153.7%20144.8c6.9%2016.3%2020.6%2031.2%2038.3%2031.2h192c17.7%200%2031.4-14.9%2038.3-31.2C434.4%20116.1%20462.9%2096%20496%2096c44.2%200%2080%2035.8%2080%2080c0%2030.4-17%2056.9-42%2070.4c-3.6%201.9-6%205.5-6%209.6s2.4%207.7%206%209.6c25%2013.5%2042%2040%2042%2070.4c0%2044.2-35.8%2080-80%2080c-33.1%200-61.6-20.1-73.7-48.8c-6.9-16.3-20.6-31.2-38.3-31.2H192c-17.7%200-31.4%2014.9-38.3%2031.2C141.6%20395.9%20113.1%20416%2080%20416c-44.2%200-80-35.8-80-80c0-30.4%2017-56.9%2042-70.4c3.6-1.9%206-5.5%206-9.6s-2.4-7.7-6-9.6c-25-13.5-42-40-42-70.4c0-44.2%2035.8-80%2080-80c33.1%200%2061.6%2020.1%2073.7%2048.8%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M153.7%20144.8c6.9%2016.3%2020.6%2031.2%2038.3%2031.2h192c17.7%200%2031.4-14.9%2038.3-31.2C434.4%20116.1%20462.9%2096%20496%2096c44.2%200%2080%2035.8%2080%2080c0%2030.4-17%2056.9-42%2070.4c-3.6%201.9-6%205.5-6%209.6s2.4%207.7%206%209.6c25%2013.5%2042%2040%2042%2070.4c0%2044.2-35.8%2080-80%2080c-33.1%200-61.6-20.1-73.7-48.8c-6.9-16.3-20.6-31.2-38.3-31.2H192c-17.7%200-31.4%2014.9-38.3%2031.2C141.6%20395.9%20113.1%20416%2080%20416c-44.2%200-80-35.8-80-80c0-30.4%2017-56.9%2042-70.4c3.6-1.9%206-5.5%206-9.6s-2.4-7.7-6-9.6c-25-13.5-42-40-42-70.4c0-44.2%2035.8-80%2080-80c33.1%200%2061.6%2020.1%2073.7%2048.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/bone.svg?color=%231a73e8&size=48