bowl food icon

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

Name
bowl-food-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

bowl-foodbowl-food-boldbowl-food-duotonebowl-food-fillbowl-food-thin

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 106h-10.23a86 86 0 0 0-171.54 0H32a6 6 0 0 0-6 6a102.35 102.35 0 0 0 56 91.06V208a14 14 0 0 0 14 14h64a14 14 0 0 0 14-14v-4.94A102.35 102.35 0 0 0 230 112a6 6 0 0 0-6-6m-49.76-51.71a74 74 0 0 1 8.15 7.6A85.9 85.9 0 0 0 130.84 106h-33.5A74.24 74.24 0 0 1 168 54c2.08 0 4.17.11 6.24.29m16.06 17.85A73.5 73.5 0 0 1 201.74 106h-57.26a73.9 73.9 0 0 1 45.82-33.86M128 38a73.7 73.7 0 0 1 26.8 5a86.32 86.32 0 0 0-69.94 63h-30.6A74.09 74.09 0 0 1 128 38m37.5 155.84a6 6 0 0 0-3.5 5.46v8.7a2 2 0 0 1-2 2H96a2 2 0 0 1-2-2v-8.7a6 6 0 0 0-3.5-5.46A90.35 90.35 0 0 1 38.2 118h179.6a90.35 90.35 0 0 1-52.3 75.84"/></svg>

React

import type { SVGProps } from "react";

export function PhBowlFoodLight(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 106h-10.23a86 86 0 0 0-171.54 0H32a6 6 0 0 0-6 6a102.35 102.35 0 0 0 56 91.06V208a14 14 0 0 0 14 14h64a14 14 0 0 0 14-14v-4.94A102.35 102.35 0 0 0 230 112a6 6 0 0 0-6-6m-49.76-51.71a74 74 0 0 1 8.15 7.6A85.9 85.9 0 0 0 130.84 106h-33.5A74.24 74.24 0 0 1 168 54c2.08 0 4.17.11 6.24.29m16.06 17.85A73.5 73.5 0 0 1 201.74 106h-57.26a73.9 73.9 0 0 1 45.82-33.86M128 38a73.7 73.7 0 0 1 26.8 5a86.32 86.32 0 0 0-69.94 63h-30.6A74.09 74.09 0 0 1 128 38m37.5 155.84a6 6 0 0 0-3.5 5.46v8.7a2 2 0 0 1-2 2H96a2 2 0 0 1-2-2v-8.7a6 6 0 0 0-3.5-5.46A90.35 90.35 0 0 1 38.2 118h179.6a90.35 90.35 0 0 1-52.3 75.84"/></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 106h-10.23a86 86 0 0 0-171.54 0H32a6 6 0 0 0-6 6a102.35 102.35 0 0 0 56 91.06V208a14 14 0 0 0 14 14h64a14 14 0 0 0 14-14v-4.94A102.35 102.35 0 0 0 230 112a6 6 0 0 0-6-6m-49.76-51.71a74 74 0 0 1 8.15 7.6A85.9 85.9 0 0 0 130.84 106h-33.5A74.24 74.24 0 0 1 168 54c2.08 0 4.17.11 6.24.29m16.06 17.85A73.5 73.5 0 0 1 201.74 106h-57.26a73.9 73.9 0 0 1 45.82-33.86M128 38a73.7 73.7 0 0 1 26.8 5a86.32 86.32 0 0 0-69.94 63h-30.6A74.09 74.09 0 0 1 128 38m37.5 155.84a6 6 0 0 0-3.5 5.46v8.7a2 2 0 0 1-2 2H96a2 2 0 0 1-2-2v-8.7a6 6 0 0 0-3.5-5.46A90.35 90.35 0 0 1 38.2 118h179.6a90.35 90.35 0 0 1-52.3 75.84"/></svg>
</template>

CSS

.icon-bowl-food-light {
  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%20106h-10.23a86%2086%200%200%200-171.54%200H32a6%206%200%200%200-6%206a102.35%20102.35%200%200%200%2056%2091.06V208a14%2014%200%200%200%2014%2014h64a14%2014%200%200%200%2014-14v-4.94A102.35%20102.35%200%200%200%20230%20112a6%206%200%200%200-6-6m-49.76-51.71a74%2074%200%200%201%208.15%207.6A85.9%2085.9%200%200%200%20130.84%20106h-33.5A74.24%2074.24%200%200%201%20168%2054c2.08%200%204.17.11%206.24.29m16.06%2017.85A73.5%2073.5%200%200%201%20201.74%20106h-57.26a73.9%2073.9%200%200%201%2045.82-33.86M128%2038a73.7%2073.7%200%200%201%2026.8%205a86.32%2086.32%200%200%200-69.94%2063h-30.6A74.09%2074.09%200%200%201%20128%2038m37.5%20155.84a6%206%200%200%200-3.5%205.46v8.7a2%202%200%200%201-2%202H96a2%202%200%200%201-2-2v-8.7a6%206%200%200%200-3.5-5.46A90.35%2090.35%200%200%201%2038.2%20118h179.6a90.35%2090.35%200%200%201-52.3%2075.84%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%20106h-10.23a86%2086%200%200%200-171.54%200H32a6%206%200%200%200-6%206a102.35%20102.35%200%200%200%2056%2091.06V208a14%2014%200%200%200%2014%2014h64a14%2014%200%200%200%2014-14v-4.94A102.35%20102.35%200%200%200%20230%20112a6%206%200%200%200-6-6m-49.76-51.71a74%2074%200%200%201%208.15%207.6A85.9%2085.9%200%200%200%20130.84%20106h-33.5A74.24%2074.24%200%200%201%20168%2054c2.08%200%204.17.11%206.24.29m16.06%2017.85A73.5%2073.5%200%200%201%20201.74%20106h-57.26a73.9%2073.9%200%200%201%2045.82-33.86M128%2038a73.7%2073.7%200%200%201%2026.8%205a86.32%2086.32%200%200%200-69.94%2063h-30.6A74.09%2074.09%200%200%201%20128%2038m37.5%20155.84a6%206%200%200%200-3.5%205.46v8.7a2%202%200%200%201-2%202H96a2%202%200%200%201-2-2v-8.7a6%206%200%200%200-3.5-5.46A90.35%2090.35%200%200%201%2038.2%20118h179.6a90.35%2090.35%200%200%201-52.3%2075.84%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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