bowl food icon

bowl-food-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.

Name
bowl-food-thin
Set
Phosphor
Style
Thin
Viewbox
256×256
License
MIT

5 other variants in Phosphor

bowl-foodbowl-food-boldbowl-food-duotonebowl-food-fillbowl-food-light

The same icon in other sets

bowl-foodFont Awesome 6 Solidbowl-foodFont Awesome Solidbowl-food-outlineFlowbite Icons

Related icons in Phosphor

bowl-steam

Use the bowl food icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 108h-12.1a84 84 0 0 0-167.8 0H32a4 4 0 0 0-4 4a100.32 100.32 0 0 0 56 89.82V208a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-6.18A100.32 100.32 0 0 0 228 112a4 4 0 0 0-4-4m-20.11 0h-62.84a75.92 75.92 0 0 1 50.16-38.14A75.45 75.45 0 0 1 203.89 108M186 62.93A83.92 83.92 0 0 0 132.08 108h-37.4A76.22 76.22 0 0 1 168 52c2.33 0 4.68.13 7 .34a77 77 0 0 1 11 10.59M128 36a75.5 75.5 0 0 1 34.3 8.21A84.26 84.26 0 0 0 86.41 108h-34.3A76.09 76.09 0 0 1 128 36m38.33 159.66a4 4 0 0 0-2.33 3.64v8.7a4 4 0 0 1-4 4H96a4 4 0 0 1-4-4v-8.7a4 4 0 0 0-2.33-3.64A92.33 92.33 0 0 1 36.09 116h183.82a92.33 92.33 0 0 1-53.58 79.66"/></svg>

React

import type { SVGProps } from "react";

export function PhBowlFoodThin(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="M224 108h-12.1a84 84 0 0 0-167.8 0H32a4 4 0 0 0-4 4a100.32 100.32 0 0 0 56 89.82V208a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-6.18A100.32 100.32 0 0 0 228 112a4 4 0 0 0-4-4m-20.11 0h-62.84a75.92 75.92 0 0 1 50.16-38.14A75.45 75.45 0 0 1 203.89 108M186 62.93A83.92 83.92 0 0 0 132.08 108h-37.4A76.22 76.22 0 0 1 168 52c2.33 0 4.68.13 7 .34a77 77 0 0 1 11 10.59M128 36a75.5 75.5 0 0 1 34.3 8.21A84.26 84.26 0 0 0 86.41 108h-34.3A76.09 76.09 0 0 1 128 36m38.33 159.66a4 4 0 0 0-2.33 3.64v8.7a4 4 0 0 1-4 4H96a4 4 0 0 1-4-4v-8.7a4 4 0 0 0-2.33-3.64A92.33 92.33 0 0 1 36.09 116h183.82a92.33 92.33 0 0 1-53.58 79.66"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224 108h-12.1a84 84 0 0 0-167.8 0H32a4 4 0 0 0-4 4a100.32 100.32 0 0 0 56 89.82V208a12 12 0 0 0 12 12h64a12 12 0 0 0 12-12v-6.18A100.32 100.32 0 0 0 228 112a4 4 0 0 0-4-4m-20.11 0h-62.84a75.92 75.92 0 0 1 50.16-38.14A75.45 75.45 0 0 1 203.89 108M186 62.93A83.92 83.92 0 0 0 132.08 108h-37.4A76.22 76.22 0 0 1 168 52c2.33 0 4.68.13 7 .34a77 77 0 0 1 11 10.59M128 36a75.5 75.5 0 0 1 34.3 8.21A84.26 84.26 0 0 0 86.41 108h-34.3A76.09 76.09 0 0 1 128 36m38.33 159.66a4 4 0 0 0-2.33 3.64v8.7a4 4 0 0 1-4 4H96a4 4 0 0 1-4-4v-8.7a4 4 0 0 0-2.33-3.64A92.33 92.33 0 0 1 36.09 116h183.82a92.33 92.33 0 0 1-53.58 79.66"/></svg>
</template>

CSS

.icon-bowl-food-thin {
  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%22M224%20108h-12.1a84%2084%200%200%200-167.8%200H32a4%204%200%200%200-4%204a100.32%20100.32%200%200%200%2056%2089.82V208a12%2012%200%200%200%2012%2012h64a12%2012%200%200%200%2012-12v-6.18A100.32%20100.32%200%200%200%20228%20112a4%204%200%200%200-4-4m-20.11%200h-62.84a75.92%2075.92%200%200%201%2050.16-38.14A75.45%2075.45%200%200%201%20203.89%20108M186%2062.93A83.92%2083.92%200%200%200%20132.08%20108h-37.4A76.22%2076.22%200%200%201%20168%2052c2.33%200%204.68.13%207%20.34a77%2077%200%200%201%2011%2010.59M128%2036a75.5%2075.5%200%200%201%2034.3%208.21A84.26%2084.26%200%200%200%2086.41%20108h-34.3A76.09%2076.09%200%200%201%20128%2036m38.33%20159.66a4%204%200%200%200-2.33%203.64v8.7a4%204%200%200%201-4%204H96a4%204%200%200%201-4-4v-8.7a4%204%200%200%200-2.33-3.64A92.33%2092.33%200%200%201%2036.09%20116h183.82a92.33%2092.33%200%200%201-53.58%2079.66%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%22M224%20108h-12.1a84%2084%200%200%200-167.8%200H32a4%204%200%200%200-4%204a100.32%20100.32%200%200%200%2056%2089.82V208a12%2012%200%200%200%2012%2012h64a12%2012%200%200%200%2012-12v-6.18A100.32%20100.32%200%200%200%20228%20112a4%204%200%200%200-4-4m-20.11%200h-62.84a75.92%2075.92%200%200%201%2050.16-38.14A75.45%2075.45%200%200%201%20203.89%20108M186%2062.93A83.92%2083.92%200%200%200%20132.08%20108h-37.4A76.22%2076.22%200%200%201%20168%2052c2.33%200%204.68.13%207%20.34a77%2077%200%200%201%2011%2010.59M128%2036a75.5%2075.5%200%200%201%2034.3%208.21A84.26%2084.26%200%200%200%2086.41%20108h-34.3A76.09%2076.09%200%200%201%20128%2036m38.33%20159.66a4%204%200%200%200-2.33%203.64v8.7a4%204%200%200%201-4%204H96a4%204%200%200%201-4-4v-8.7a4%204%200%200%200-2.33-3.64A92.33%2092.33%200%200%201%2036.09%20116h183.82a92.33%2092.33%200%200%201-53.58%2079.66%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/bowl-food-thin.svg?color=%231a73e8&size=48