bone icon

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

Name
bone
Set
Font Awesome Solid
Style
Solid
Category
Food
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

boneBoxIcons v2boneBoxIcons v2 SolidboneFont Awesome 6 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 Solid

baconbread-slicecandy-canecarrotcheesecloud-meatballegghamburgerhotdoglemonpepper-hotpizza-slicestroopwafel

Use the bone icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M197.4 224c-3.9 0-7.2-2.8-8.1-6.6C179.1 175.3 141.2 144 96 144c-53 0-96 43-96 96c0 29.1 12.9 55.1 33.3 72.7c4.3 3.7 4.3 10.8 0 14.5C12.9 344.8 0 370.9 0 399.9c0 53 43 96 96 96c45.2 0 83.1-31.3 93.3-73.4c.9-3.8 4.2-6.6 8.1-6.6h245.1c3.9 0 7.2 2.8 8.1 6.6c10.2 42.1 48.1 73.4 93.3 73.4c53 0 96-43 96-96c0-29.1-12.9-55.1-33.3-72.7c-4.3-3.7-4.3-10.8 0-14.5c20.4-17.6 33.3-43.7 33.3-72.7c0-53-43-96-96-96c-45.2 0-83.1 31.3-93.3 73.4c-.9 3.8-4.2 6.6-8.1 6.6z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidBone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M197.4 224c-3.9 0-7.2-2.8-8.1-6.6C179.1 175.3 141.2 144 96 144c-53 0-96 43-96 96c0 29.1 12.9 55.1 33.3 72.7c4.3 3.7 4.3 10.8 0 14.5C12.9 344.8 0 370.9 0 399.9c0 53 43 96 96 96c45.2 0 83.1-31.3 93.3-73.4c.9-3.8 4.2-6.6 8.1-6.6h245.1c3.9 0 7.2 2.8 8.1 6.6c10.2 42.1 48.1 73.4 93.3 73.4c53 0 96-43 96-96c0-29.1-12.9-55.1-33.3-72.7c-4.3-3.7-4.3-10.8 0-14.5c20.4-17.6 33.3-43.7 33.3-72.7c0-53-43-96-96-96c-45.2 0-83.1 31.3-93.3 73.4c-.9 3.8-4.2 6.6-8.1 6.6z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M197.4 224c-3.9 0-7.2-2.8-8.1-6.6C179.1 175.3 141.2 144 96 144c-53 0-96 43-96 96c0 29.1 12.9 55.1 33.3 72.7c4.3 3.7 4.3 10.8 0 14.5C12.9 344.8 0 370.9 0 399.9c0 53 43 96 96 96c45.2 0 83.1-31.3 93.3-73.4c.9-3.8 4.2-6.6 8.1-6.6h245.1c3.9 0 7.2 2.8 8.1 6.6c10.2 42.1 48.1 73.4 93.3 73.4c53 0 96-43 96-96c0-29.1-12.9-55.1-33.3-72.7c-4.3-3.7-4.3-10.8 0-14.5c20.4-17.6 33.3-43.7 33.3-72.7c0-53-43-96-96-96c-45.2 0-83.1 31.3-93.3 73.4c-.9 3.8-4.2 6.6-8.1 6.6z"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M197.4%20224c-3.9%200-7.2-2.8-8.1-6.6C179.1%20175.3%20141.2%20144%2096%20144c-53%200-96%2043-96%2096c0%2029.1%2012.9%2055.1%2033.3%2072.7c4.3%203.7%204.3%2010.8%200%2014.5C12.9%20344.8%200%20370.9%200%20399.9c0%2053%2043%2096%2096%2096c45.2%200%2083.1-31.3%2093.3-73.4c.9-3.8%204.2-6.6%208.1-6.6h245.1c3.9%200%207.2%202.8%208.1%206.6c10.2%2042.1%2048.1%2073.4%2093.3%2073.4c53%200%2096-43%2096-96c0-29.1-12.9-55.1-33.3-72.7c-4.3-3.7-4.3-10.8%200-14.5c20.4-17.6%2033.3-43.7%2033.3-72.7c0-53-43-96-96-96c-45.2%200-83.1%2031.3-93.3%2073.4c-.9%203.8-4.2%206.6-8.1%206.6z%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M197.4%20224c-3.9%200-7.2-2.8-8.1-6.6C179.1%20175.3%20141.2%20144%2096%20144c-53%200-96%2043-96%2096c0%2029.1%2012.9%2055.1%2033.3%2072.7c4.3%203.7%204.3%2010.8%200%2014.5C12.9%20344.8%200%20370.9%200%20399.9c0%2053%2043%2096%2096%2096c45.2%200%2083.1-31.3%2093.3-73.4c.9-3.8%204.2-6.6%208.1-6.6h245.1c3.9%200%207.2%202.8%208.1%206.6c10.2%2042.1%2048.1%2073.4%2093.3%2073.4c53%200%2096-43%2096-96c0-29.1-12.9-55.1-33.3-72.7c-4.3-3.7-4.3-10.8%200-14.5c20.4-17.6%2033.3-43.7%2033.3-72.7c0-53-43-96-96-96c-45.2%200-83.1%2031.3-93.3%2073.4c-.9%203.8-4.2%206.6-8.1%206.6z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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