food icon
food-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- food-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- License
- MIT
11 other variants in Fluent UI System Icons
The same icon in other sets
Related icons in Fluent UI System Icons
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="M10.614 4a1.38 1.38 0 0 0-1.367 1.176C9.107 6.124 8 13.666 8 17c0 2.196.946 4.174 2.448 5.544c.695.633 1.052 1.273 1.052 1.842c0 .045-.001.082-.005.122C11.401 25.682 10.5 36.976 10.5 39a5 5 0 0 0 10 0c0-2.024-.901-13.318-.995-14.492l-.005-.122c0-.569.357-1.209 1.052-1.842A7.48 7.48 0 0 0 23 17c0-3.334-1.107-10.88-1.247-11.824A1.38 1.38 0 0 0 20.387 4h-.018c-.796 0-1.367.655-1.367 1.37v10.51a1.12 1.12 0 1 1-2.24 0V5.319a1.263 1.263 0 1 0-2.522.051v10.51a1.12 1.12 0 1 1-2.24 0V5.37A1.37 1.37 0 0 0 10.633 4zM30.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 FluentFood48Filled(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="M10.614 4a1.38 1.38 0 0 0-1.367 1.176C9.107 6.124 8 13.666 8 17c0 2.196.946 4.174 2.448 5.544c.695.633 1.052 1.273 1.052 1.842c0 .045-.001.082-.005.122C11.401 25.682 10.5 36.976 10.5 39a5 5 0 0 0 10 0c0-2.024-.901-13.318-.995-14.492l-.005-.122c0-.569.357-1.209 1.052-1.842A7.48 7.48 0 0 0 23 17c0-3.334-1.107-10.88-1.247-11.824A1.38 1.38 0 0 0 20.387 4h-.018c-.796 0-1.367.655-1.367 1.37v10.51a1.12 1.12 0 1 1-2.24 0V5.319a1.263 1.263 0 1 0-2.522.051v10.51a1.12 1.12 0 1 1-2.24 0V5.37A1.37 1.37 0 0 0 10.633 4zM30.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="M10.614 4a1.38 1.38 0 0 0-1.367 1.176C9.107 6.124 8 13.666 8 17c0 2.196.946 4.174 2.448 5.544c.695.633 1.052 1.273 1.052 1.842c0 .045-.001.082-.005.122C11.401 25.682 10.5 36.976 10.5 39a5 5 0 0 0 10 0c0-2.024-.901-13.318-.995-14.492l-.005-.122c0-.569.357-1.209 1.052-1.842A7.48 7.48 0 0 0 23 17c0-3.334-1.107-10.88-1.247-11.824A1.38 1.38 0 0 0 20.387 4h-.018c-.796 0-1.367.655-1.367 1.37v10.51a1.12 1.12 0 1 1-2.24 0V5.319a1.263 1.263 0 1 0-2.522.051v10.51a1.12 1.12 0 1 1-2.24 0V5.37A1.37 1.37 0 0 0 10.633 4zM30.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-filled {
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%22M10.614%204a1.38%201.38%200%200%200-1.367%201.176C9.107%206.124%208%2013.666%208%2017c0%202.196.946%204.174%202.448%205.544c.695.633%201.052%201.273%201.052%201.842c0%20.045-.001.082-.005.122C11.401%2025.682%2010.5%2036.976%2010.5%2039a5%205%200%200%200%2010%200c0-2.024-.901-13.318-.995-14.492l-.005-.122c0-.569.357-1.209%201.052-1.842A7.48%207.48%200%200%200%2023%2017c0-3.334-1.107-10.88-1.247-11.824A1.38%201.38%200%200%200%2020.387%204h-.018c-.796%200-1.367.655-1.367%201.37v10.51a1.12%201.12%200%201%201-2.24%200V5.319a1.263%201.263%200%201%200-2.522.051v10.51a1.12%201.12%200%201%201-2.24%200V5.37A1.37%201.37%200%200%200%2010.633%204zM30.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%22M10.614%204a1.38%201.38%200%200%200-1.367%201.176C9.107%206.124%208%2013.666%208%2017c0%202.196.946%204.174%202.448%205.544c.695.633%201.052%201.273%201.052%201.842c0%20.045-.001.082-.005.122C11.401%2025.682%2010.5%2036.976%2010.5%2039a5%205%200%200%200%2010%200c0-2.024-.901-13.318-.995-14.492l-.005-.122c0-.569.357-1.209%201.052-1.842A7.48%207.48%200%200%200%2023%2017c0-3.334-1.107-10.88-1.247-11.824A1.38%201.38%200%200%200%2020.387%204h-.018c-.796%200-1.367.655-1.367%201.37v10.51a1.12%201.12%200%201%201-2.24%200V5.319a1.263%201.263%200%201%200-2.522.051v10.51a1.12%201.12%200%201%201-2.24%200V5.37A1.37%201.37%200%200%200%2010.633%204zM30.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-filled.svg?color=%231a73e8&size=48
