food icon

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

Name: food-48-regular
Set: Fluent UI System Icons
Style: 48 Regular
Viewbox: 48×48
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-32-regular food-48-filled

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 48 48"><path fill="currentColor" d="M7.978 6.726A3.26 3.26 0 0 1 11.203 4c.804 0 1.54.288 2.112.765A3.5 3.5 0 0 1 15.5 4c.826 0 1.586.286 2.185.765A3.28 3.28 0 0 1 19.797 4a3.26 3.26 0 0 1 3.225 2.726C23.39 8.978 24 13.128 24 16a8.49 8.49 0 0 1-3.547 6.909c-.64.46-.953 1.015-.953 1.49c0 .038.001.064.003.094c.088 1.096.997 12.475.997 14.507a5 5 0 0 1-10 0c0-2.032.909-13.411.996-14.507a1 1 0 0 0 .004-.094c0-.475-.312-1.03-.953-1.49A8.49 8.49 0 0 1 7 16c0-2.872.61-7.022.978-9.274M19 16.75a1.25 1.25 0 1 1-2.5 0V7.5a1 1 0 1 0-2 0v9.25a1.25 1.25 0 1 1-2.5 0V7.297a.797.797 0 0 0-.797-.797c-.388 0-.7.273-.758.63c-.37 2.267-.945 6.229-.945 8.87a5.99 5.99 0 0 0 2.505 4.878c1.02.732 1.995 1.953 1.995 3.52c0 .098-.003.19-.011.295C13.893 25.88 13 37.1 13 39a2.5 2.5 0 0 0 5 0c0-1.9-.893-13.12-.988-14.307a4 4 0 0 1-.012-.294c0-1.568.975-2.79 1.995-3.521A5.99 5.99 0 0 0 21.5 16c0-2.641-.575-6.603-.945-8.87a.76.76 0 0 0-.758-.63a.797.797 0 0 0-.797.797zM36.5 6.532V22.75c0 .59.188 3.33.395 6.335l.014.204c.28 4.066.591 8.602.591 9.711a2.5 2.5 0 0 1-5 0c0-.982.245-4.986.497-8.82a1683 1683 0 0 1 .457-6.73l.043-.612A1.25 1.25 0 0 0 32.25 21.5h-3a.75.75 0 0 1-.75-.75v-5.5a8.75 8.75 0 0 1 8-8.718M30.91 24l-.063.912c-.094 1.362-.22 3.2-.344 5.104C30.255 33.79 30 37.911 30 39a5 5 0 0 0 10 0c0-1.209-.315-5.794-.588-9.752l-.009-.13C39.185 25.946 39 23.24 39 22.75V5.25C39 4.56 38.44 4 37.75 4h-.5C31.037 4 26 9.037 26 15.25v5.5A3.25 3.25 0 0 0 29.25 24z"/></svg>

React

import type { SVGProps } from "react";

export function FluentFood48Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M7.978 6.726A3.26 3.26 0 0 1 11.203 4c.804 0 1.54.288 2.112.765A3.5 3.5 0 0 1 15.5 4c.826 0 1.586.286 2.185.765A3.28 3.28 0 0 1 19.797 4a3.26 3.26 0 0 1 3.225 2.726C23.39 8.978 24 13.128 24 16a8.49 8.49 0 0 1-3.547 6.909c-.64.46-.953 1.015-.953 1.49c0 .038.001.064.003.094c.088 1.096.997 12.475.997 14.507a5 5 0 0 1-10 0c0-2.032.909-13.411.996-14.507a1 1 0 0 0 .004-.094c0-.475-.312-1.03-.953-1.49A8.49 8.49 0 0 1 7 16c0-2.872.61-7.022.978-9.274M19 16.75a1.25 1.25 0 1 1-2.5 0V7.5a1 1 0 1 0-2 0v9.25a1.25 1.25 0 1 1-2.5 0V7.297a.797.797 0 0 0-.797-.797c-.388 0-.7.273-.758.63c-.37 2.267-.945 6.229-.945 8.87a5.99 5.99 0 0 0 2.505 4.878c1.02.732 1.995 1.953 1.995 3.52c0 .098-.003.19-.011.295C13.893 25.88 13 37.1 13 39a2.5 2.5 0 0 0 5 0c0-1.9-.893-13.12-.988-14.307a4 4 0 0 1-.012-.294c0-1.568.975-2.79 1.995-3.521A5.99 5.99 0 0 0 21.5 16c0-2.641-.575-6.603-.945-8.87a.76.76 0 0 0-.758-.63a.797.797 0 0 0-.797.797zM36.5 6.532V22.75c0 .59.188 3.33.395 6.335l.014.204c.28 4.066.591 8.602.591 9.711a2.5 2.5 0 0 1-5 0c0-.982.245-4.986.497-8.82a1683 1683 0 0 1 .457-6.73l.043-.612A1.25 1.25 0 0 0 32.25 21.5h-3a.75.75 0 0 1-.75-.75v-5.5a8.75 8.75 0 0 1 8-8.718M30.91 24l-.063.912c-.094 1.362-.22 3.2-.344 5.104C30.255 33.79 30 37.911 30 39a5 5 0 0 0 10 0c0-1.209-.315-5.794-.588-9.752l-.009-.13C39.185 25.946 39 23.24 39 22.75V5.25C39 4.56 38.44 4 37.75 4h-.5C31.037 4 26 9.037 26 15.25v5.5A3.25 3.25 0 0 0 29.25 24z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M7.978 6.726A3.26 3.26 0 0 1 11.203 4c.804 0 1.54.288 2.112.765A3.5 3.5 0 0 1 15.5 4c.826 0 1.586.286 2.185.765A3.28 3.28 0 0 1 19.797 4a3.26 3.26 0 0 1 3.225 2.726C23.39 8.978 24 13.128 24 16a8.49 8.49 0 0 1-3.547 6.909c-.64.46-.953 1.015-.953 1.49c0 .038.001.064.003.094c.088 1.096.997 12.475.997 14.507a5 5 0 0 1-10 0c0-2.032.909-13.411.996-14.507a1 1 0 0 0 .004-.094c0-.475-.312-1.03-.953-1.49A8.49 8.49 0 0 1 7 16c0-2.872.61-7.022.978-9.274M19 16.75a1.25 1.25 0 1 1-2.5 0V7.5a1 1 0 1 0-2 0v9.25a1.25 1.25 0 1 1-2.5 0V7.297a.797.797 0 0 0-.797-.797c-.388 0-.7.273-.758.63c-.37 2.267-.945 6.229-.945 8.87a5.99 5.99 0 0 0 2.505 4.878c1.02.732 1.995 1.953 1.995 3.52c0 .098-.003.19-.011.295C13.893 25.88 13 37.1 13 39a2.5 2.5 0 0 0 5 0c0-1.9-.893-13.12-.988-14.307a4 4 0 0 1-.012-.294c0-1.568.975-2.79 1.995-3.521A5.99 5.99 0 0 0 21.5 16c0-2.641-.575-6.603-.945-8.87a.76.76 0 0 0-.758-.63a.797.797 0 0 0-.797.797zM36.5 6.532V22.75c0 .59.188 3.33.395 6.335l.014.204c.28 4.066.591 8.602.591 9.711a2.5 2.5 0 0 1-5 0c0-.982.245-4.986.497-8.82a1683 1683 0 0 1 .457-6.73l.043-.612A1.25 1.25 0 0 0 32.25 21.5h-3a.75.75 0 0 1-.75-.75v-5.5a8.75 8.75 0 0 1 8-8.718M30.91 24l-.063.912c-.094 1.362-.22 3.2-.344 5.104C30.255 33.79 30 37.911 30 39a5 5 0 0 0 10 0c0-1.209-.315-5.794-.588-9.752l-.009-.13C39.185 25.946 39 23.24 39 22.75V5.25C39 4.56 38.44 4 37.75 4h-.5C31.037 4 26 9.037 26 15.25v5.5A3.25 3.25 0 0 0 29.25 24z"/></svg>
</template>

CSS

.icon-food-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.978%206.726A3.26%203.26%200%200%201%2011.203%204c.804%200%201.54.288%202.112.765A3.5%203.5%200%200%201%2015.5%204c.826%200%201.586.286%202.185.765A3.28%203.28%200%200%201%2019.797%204a3.26%203.26%200%200%201%203.225%202.726C23.39%208.978%2024%2013.128%2024%2016a8.49%208.49%200%200%201-3.547%206.909c-.64.46-.953%201.015-.953%201.49c0%20.038.001.064.003.094c.088%201.096.997%2012.475.997%2014.507a5%205%200%200%201-10%200c0-2.032.909-13.411.996-14.507a1%201%200%200%200%20.004-.094c0-.475-.312-1.03-.953-1.49A8.49%208.49%200%200%201%207%2016c0-2.872.61-7.022.978-9.274M19%2016.75a1.25%201.25%200%201%201-2.5%200V7.5a1%201%200%201%200-2%200v9.25a1.25%201.25%200%201%201-2.5%200V7.297a.797.797%200%200%200-.797-.797c-.388%200-.7.273-.758.63c-.37%202.267-.945%206.229-.945%208.87a5.99%205.99%200%200%200%202.505%204.878c1.02.732%201.995%201.953%201.995%203.52c0%20.098-.003.19-.011.295C13.893%2025.88%2013%2037.1%2013%2039a2.5%202.5%200%200%200%205%200c0-1.9-.893-13.12-.988-14.307a4%204%200%200%201-.012-.294c0-1.568.975-2.79%201.995-3.521A5.99%205.99%200%200%200%2021.5%2016c0-2.641-.575-6.603-.945-8.87a.76.76%200%200%200-.758-.63a.797.797%200%200%200-.797.797zM36.5%206.532V22.75c0%20.59.188%203.33.395%206.335l.014.204c.28%204.066.591%208.602.591%209.711a2.5%202.5%200%200%201-5%200c0-.982.245-4.986.497-8.82a1683%201683%200%200%201%20.457-6.73l.043-.612A1.25%201.25%200%200%200%2032.25%2021.5h-3a.75.75%200%200%201-.75-.75v-5.5a8.75%208.75%200%200%201%208-8.718M30.91%2024l-.063.912c-.094%201.362-.22%203.2-.344%205.104C30.255%2033.79%2030%2037.911%2030%2039a5%205%200%200%200%2010%200c0-1.209-.315-5.794-.588-9.752l-.009-.13C39.185%2025.946%2039%2023.24%2039%2022.75V5.25C39%204.56%2038.44%204%2037.75%204h-.5C31.037%204%2026%209.037%2026%2015.25v5.5A3.25%203.25%200%200%200%2029.25%2024z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7.978%206.726A3.26%203.26%200%200%201%2011.203%204c.804%200%201.54.288%202.112.765A3.5%203.5%200%200%201%2015.5%204c.826%200%201.586.286%202.185.765A3.28%203.28%200%200%201%2019.797%204a3.26%203.26%200%200%201%203.225%202.726C23.39%208.978%2024%2013.128%2024%2016a8.49%208.49%200%200%201-3.547%206.909c-.64.46-.953%201.015-.953%201.49c0%20.038.001.064.003.094c.088%201.096.997%2012.475.997%2014.507a5%205%200%200%201-10%200c0-2.032.909-13.411.996-14.507a1%201%200%200%200%20.004-.094c0-.475-.312-1.03-.953-1.49A8.49%208.49%200%200%201%207%2016c0-2.872.61-7.022.978-9.274M19%2016.75a1.25%201.25%200%201%201-2.5%200V7.5a1%201%200%201%200-2%200v9.25a1.25%201.25%200%201%201-2.5%200V7.297a.797.797%200%200%200-.797-.797c-.388%200-.7.273-.758.63c-.37%202.267-.945%206.229-.945%208.87a5.99%205.99%200%200%200%202.505%204.878c1.02.732%201.995%201.953%201.995%203.52c0%20.098-.003.19-.011.295C13.893%2025.88%2013%2037.1%2013%2039a2.5%202.5%200%200%200%205%200c0-1.9-.893-13.12-.988-14.307a4%204%200%200%201-.012-.294c0-1.568.975-2.79%201.995-3.521A5.99%205.99%200%200%200%2021.5%2016c0-2.641-.575-6.603-.945-8.87a.76.76%200%200%200-.758-.63a.797.797%200%200%200-.797.797zM36.5%206.532V22.75c0%20.59.188%203.33.395%206.335l.014.204c.28%204.066.591%208.602.591%209.711a2.5%202.5%200%200%201-5%200c0-.982.245-4.986.497-8.82a1683%201683%200%200%201%20.457-6.73l.043-.612A1.25%201.25%200%200%200%2032.25%2021.5h-3a.75.75%200%200%201-.75-.75v-5.5a8.75%208.75%200%200%201%208-8.718M30.91%2024l-.063.912c-.094%201.362-.22%203.2-.344%205.104C30.255%2033.79%2030%2037.911%2030%2039a5%205%200%200%200%2010%200c0-1.209-.315-5.794-.588-9.752l-.009-.13C39.185%2025.946%2039%2023.24%2039%2022.75V5.25C39%204.56%2038.44%204%2037.75%204h-.5C31.037%204%2026%209.037%2026%2015.25v5.5A3.25%203.25%200%200%200%2029.25%2024z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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