food icon

food-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name: food-32-regular
Set: Fluent UI System Icons
Style: 32 Regular
Viewbox: 32×32
License: MIT

11 other variants in Fluent UI System Icons

food-16-filled food-16-regular food-20-filled food-20-regular food-24-filled food-24-regular food-28-filled food-28-regular food-32-filled food-48-filled food-48-regular

The same icon in other sets

foodElement Plus food-16Fluent UI System Color Icons foodMaterial Design Icons

Related icons in Fluent UI System Icons

food-apple-20-filled food-cake-12-filled food-carrot-20-filled food-chicken-leg-16-filled food-egg-16-filled food-fish-20-filled food-grains-20-filled food-pizza-20-filled food-toast-16-filled

Use the food icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.68 2c-1.138 0-2.175.757-2.444 1.916C3.936 5.21 3.5 7.43 3.5 9.5a6.5 6.5 0 0 0 2.818 5.358c.468.321.682.713.682 1.032a1 1 0 0 1-.006.1c-.058.49-.305 2.58-.538 4.744C6.226 22.862 6 25.159 6 26a4 4 0 0 0 8 0c0-.84-.227-3.138-.456-5.266c-.233-2.164-.48-4.255-.538-4.745a1 1 0 0 1-.006-.1c0-.318.214-.71.681-1.031A6.5 6.5 0 0 0 16.5 9.5c0-2.071-.435-4.291-.736-5.584C15.495 2.757 14.458 2 13.32 2a2.56 2.56 0 0 0-1.629.582A2.74 2.74 0 0 0 10 2c-.638 0-1.225.217-1.691.582A2.56 2.56 0 0 0 6.68 2m6.07 2.57a.57.57 0 0 1 .57-.57c.26 0 .45.166.496.369c.29 1.249.684 3.292.684 5.131a4.5 4.5 0 0 1-1.952 3.71c-.79.543-1.548 1.473-1.548 2.68q0 .167.02.336c.058.487.304 2.57.536 4.722C11.79 23.135 12 25.295 12 26a2 2 0 1 1-4 0c0-.705.209-2.865.444-5.052c.232-2.152.478-4.235.536-4.722q.02-.17.02-.336c0-1.207-.759-2.137-1.548-2.68A4.5 4.5 0 0 1 5.5 9.5c0-1.84.394-3.882.684-5.131A.49.49 0 0 1 6.68 4a.57.57 0 0 1 .57.57V10a1 1 0 1 0 2 0V4.75a.75.75 0 0 1 1.5 0V10a1 1 0 1 0 2 0zM20 9.5a5.5 5.5 0 0 1 5-5.478V15c0 .279.055.908.127 1.658c.075.777.177 1.758.284 2.792v.003C25.694 22.164 26 25.136 26 26a2 2 0 1 1-4 0c0-.714.212-3.115.448-5.544a635 635 0 0 1 .535-5.244a3 3 0 0 0 .013-.159A1 1 0 0 0 21.997 14H20.5a.5.5 0 0 1-.5-.5zM25.5 2A7.5 7.5 0 0 0 18 9.5v4a2.5 2.5 0 0 0 2.5 2.5h.389a616 616 0 0 0-.431 4.262c-.23 2.37-.458 4.9-.458 5.738a4 4 0 1 0 8 0c0-.985-.317-4.033-.586-6.631l-.013-.122a425 425 0 0 1-.283-2.781C27.04 15.668 27 15.158 27 15V3a1 1 0 0 0-1-1z"/></svg>

React

import type { SVGProps } from "react";

export function FluentFood32Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.68 2c-1.138 0-2.175.757-2.444 1.916C3.936 5.21 3.5 7.43 3.5 9.5a6.5 6.5 0 0 0 2.818 5.358c.468.321.682.713.682 1.032a1 1 0 0 1-.006.1c-.058.49-.305 2.58-.538 4.744C6.226 22.862 6 25.159 6 26a4 4 0 0 0 8 0c0-.84-.227-3.138-.456-5.266c-.233-2.164-.48-4.255-.538-4.745a1 1 0 0 1-.006-.1c0-.318.214-.71.681-1.031A6.5 6.5 0 0 0 16.5 9.5c0-2.071-.435-4.291-.736-5.584C15.495 2.757 14.458 2 13.32 2a2.56 2.56 0 0 0-1.629.582A2.74 2.74 0 0 0 10 2c-.638 0-1.225.217-1.691.582A2.56 2.56 0 0 0 6.68 2m6.07 2.57a.57.57 0 0 1 .57-.57c.26 0 .45.166.496.369c.29 1.249.684 3.292.684 5.131a4.5 4.5 0 0 1-1.952 3.71c-.79.543-1.548 1.473-1.548 2.68q0 .167.02.336c.058.487.304 2.57.536 4.722C11.79 23.135 12 25.295 12 26a2 2 0 1 1-4 0c0-.705.209-2.865.444-5.052c.232-2.152.478-4.235.536-4.722q.02-.17.02-.336c0-1.207-.759-2.137-1.548-2.68A4.5 4.5 0 0 1 5.5 9.5c0-1.84.394-3.882.684-5.131A.49.49 0 0 1 6.68 4a.57.57 0 0 1 .57.57V10a1 1 0 1 0 2 0V4.75a.75.75 0 0 1 1.5 0V10a1 1 0 1 0 2 0zM20 9.5a5.5 5.5 0 0 1 5-5.478V15c0 .279.055.908.127 1.658c.075.777.177 1.758.284 2.792v.003C25.694 22.164 26 25.136 26 26a2 2 0 1 1-4 0c0-.714.212-3.115.448-5.544a635 635 0 0 1 .535-5.244a3 3 0 0 0 .013-.159A1 1 0 0 0 21.997 14H20.5a.5.5 0 0 1-.5-.5zM25.5 2A7.5 7.5 0 0 0 18 9.5v4a2.5 2.5 0 0 0 2.5 2.5h.389a616 616 0 0 0-.431 4.262c-.23 2.37-.458 4.9-.458 5.738a4 4 0 1 0 8 0c0-.985-.317-4.033-.586-6.631l-.013-.122a425 425 0 0 1-.283-2.781C27.04 15.668 27 15.158 27 15V3a1 1 0 0 0-1-1z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M6.68 2c-1.138 0-2.175.757-2.444 1.916C3.936 5.21 3.5 7.43 3.5 9.5a6.5 6.5 0 0 0 2.818 5.358c.468.321.682.713.682 1.032a1 1 0 0 1-.006.1c-.058.49-.305 2.58-.538 4.744C6.226 22.862 6 25.159 6 26a4 4 0 0 0 8 0c0-.84-.227-3.138-.456-5.266c-.233-2.164-.48-4.255-.538-4.745a1 1 0 0 1-.006-.1c0-.318.214-.71.681-1.031A6.5 6.5 0 0 0 16.5 9.5c0-2.071-.435-4.291-.736-5.584C15.495 2.757 14.458 2 13.32 2a2.56 2.56 0 0 0-1.629.582A2.74 2.74 0 0 0 10 2c-.638 0-1.225.217-1.691.582A2.56 2.56 0 0 0 6.68 2m6.07 2.57a.57.57 0 0 1 .57-.57c.26 0 .45.166.496.369c.29 1.249.684 3.292.684 5.131a4.5 4.5 0 0 1-1.952 3.71c-.79.543-1.548 1.473-1.548 2.68q0 .167.02.336c.058.487.304 2.57.536 4.722C11.79 23.135 12 25.295 12 26a2 2 0 1 1-4 0c0-.705.209-2.865.444-5.052c.232-2.152.478-4.235.536-4.722q.02-.17.02-.336c0-1.207-.759-2.137-1.548-2.68A4.5 4.5 0 0 1 5.5 9.5c0-1.84.394-3.882.684-5.131A.49.49 0 0 1 6.68 4a.57.57 0 0 1 .57.57V10a1 1 0 1 0 2 0V4.75a.75.75 0 0 1 1.5 0V10a1 1 0 1 0 2 0zM20 9.5a5.5 5.5 0 0 1 5-5.478V15c0 .279.055.908.127 1.658c.075.777.177 1.758.284 2.792v.003C25.694 22.164 26 25.136 26 26a2 2 0 1 1-4 0c0-.714.212-3.115.448-5.544a635 635 0 0 1 .535-5.244a3 3 0 0 0 .013-.159A1 1 0 0 0 21.997 14H20.5a.5.5 0 0 1-.5-.5zM25.5 2A7.5 7.5 0 0 0 18 9.5v4a2.5 2.5 0 0 0 2.5 2.5h.389a616 616 0 0 0-.431 4.262c-.23 2.37-.458 4.9-.458 5.738a4 4 0 1 0 8 0c0-.985-.317-4.033-.586-6.631l-.013-.122a425 425 0 0 1-.283-2.781C27.04 15.668 27 15.158 27 15V3a1 1 0 0 0-1-1z"/></svg>
</template>

CSS

.icon-food-32-regular {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.68%202c-1.138%200-2.175.757-2.444%201.916C3.936%205.21%203.5%207.43%203.5%209.5a6.5%206.5%200%200%200%202.818%205.358c.468.321.682.713.682%201.032a1%201%200%200%201-.006.1c-.058.49-.305%202.58-.538%204.744C6.226%2022.862%206%2025.159%206%2026a4%204%200%200%200%208%200c0-.84-.227-3.138-.456-5.266c-.233-2.164-.48-4.255-.538-4.745a1%201%200%200%201-.006-.1c0-.318.214-.71.681-1.031A6.5%206.5%200%200%200%2016.5%209.5c0-2.071-.435-4.291-.736-5.584C15.495%202.757%2014.458%202%2013.32%202a2.56%202.56%200%200%200-1.629.582A2.74%202.74%200%200%200%2010%202c-.638%200-1.225.217-1.691.582A2.56%202.56%200%200%200%206.68%202m6.07%202.57a.57.57%200%200%201%20.57-.57c.26%200%20.45.166.496.369c.29%201.249.684%203.292.684%205.131a4.5%204.5%200%200%201-1.952%203.71c-.79.543-1.548%201.473-1.548%202.68q0%20.167.02.336c.058.487.304%202.57.536%204.722C11.79%2023.135%2012%2025.295%2012%2026a2%202%200%201%201-4%200c0-.705.209-2.865.444-5.052c.232-2.152.478-4.235.536-4.722q.02-.17.02-.336c0-1.207-.759-2.137-1.548-2.68A4.5%204.5%200%200%201%205.5%209.5c0-1.84.394-3.882.684-5.131A.49.49%200%200%201%206.68%204a.57.57%200%200%201%20.57.57V10a1%201%200%201%200%202%200V4.75a.75.75%200%200%201%201.5%200V10a1%201%200%201%200%202%200zM20%209.5a5.5%205.5%200%200%201%205-5.478V15c0%20.279.055.908.127%201.658c.075.777.177%201.758.284%202.792v.003C25.694%2022.164%2026%2025.136%2026%2026a2%202%200%201%201-4%200c0-.714.212-3.115.448-5.544a635%20635%200%200%201%20.535-5.244a3%203%200%200%200%20.013-.159A1%201%200%200%200%2021.997%2014H20.5a.5.5%200%200%201-.5-.5zM25.5%202A7.5%207.5%200%200%200%2018%209.5v4a2.5%202.5%200%200%200%202.5%202.5h.389a616%20616%200%200%200-.431%204.262c-.23%202.37-.458%204.9-.458%205.738a4%204%200%201%200%208%200c0-.985-.317-4.033-.586-6.631l-.013-.122a425%20425%200%200%201-.283-2.781C27.04%2015.668%2027%2015.158%2027%2015V3a1%201%200%200%200-1-1z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.68%202c-1.138%200-2.175.757-2.444%201.916C3.936%205.21%203.5%207.43%203.5%209.5a6.5%206.5%200%200%200%202.818%205.358c.468.321.682.713.682%201.032a1%201%200%200%201-.006.1c-.058.49-.305%202.58-.538%204.744C6.226%2022.862%206%2025.159%206%2026a4%204%200%200%200%208%200c0-.84-.227-3.138-.456-5.266c-.233-2.164-.48-4.255-.538-4.745a1%201%200%200%201-.006-.1c0-.318.214-.71.681-1.031A6.5%206.5%200%200%200%2016.5%209.5c0-2.071-.435-4.291-.736-5.584C15.495%202.757%2014.458%202%2013.32%202a2.56%202.56%200%200%200-1.629.582A2.74%202.74%200%200%200%2010%202c-.638%200-1.225.217-1.691.582A2.56%202.56%200%200%200%206.68%202m6.07%202.57a.57.57%200%200%201%20.57-.57c.26%200%20.45.166.496.369c.29%201.249.684%203.292.684%205.131a4.5%204.5%200%200%201-1.952%203.71c-.79.543-1.548%201.473-1.548%202.68q0%20.167.02.336c.058.487.304%202.57.536%204.722C11.79%2023.135%2012%2025.295%2012%2026a2%202%200%201%201-4%200c0-.705.209-2.865.444-5.052c.232-2.152.478-4.235.536-4.722q.02-.17.02-.336c0-1.207-.759-2.137-1.548-2.68A4.5%204.5%200%200%201%205.5%209.5c0-1.84.394-3.882.684-5.131A.49.49%200%200%201%206.68%204a.57.57%200%200%201%20.57.57V10a1%201%200%201%200%202%200V4.75a.75.75%200%200%201%201.5%200V10a1%201%200%201%200%202%200zM20%209.5a5.5%205.5%200%200%201%205-5.478V15c0%20.279.055.908.127%201.658c.075.777.177%201.758.284%202.792v.003C25.694%2022.164%2026%2025.136%2026%2026a2%202%200%201%201-4%200c0-.714.212-3.115.448-5.544a635%20635%200%200%201%20.535-5.244a3%203%200%200%200%20.013-.159A1%201%200%200%200%2021.997%2014H20.5a.5.5%200%200%201-.5-.5zM25.5%202A7.5%207.5%200%200%200%2018%209.5v4a2.5%202.5%200%200%200%202.5%202.5h.389a616%20616%200%200%200-.431%204.262c-.23%202.37-.458%204.9-.458%205.738a4%204%200%201%200%208%200c0-.985-.317-4.033-.586-6.631l-.013-.122a425%20425%200%200%201-.283-2.781C27.04%2015.668%2027%2015.158%2027%2015V3a1%201%200%200%200-1-1z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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