Food Pizza icon
Used to represent food based scenarios (restaurant, meals, etc). The Food Pizza icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Food Pizza icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { FoodPizza24Regular, FoodPizza24Filled } from "@fluentui/react-icons";
export function Example() {
return <FoodPizza24Regular aria-label="Food Pizza" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_food_pizza_24_regular.svg" width="24" height="24" alt="Food Pizza"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 10.9903C9.55229 10.9903 10 10.5426 10 9.9903C10 9.43801 9.55229 8.9903 9 8.9903C8.44771 8.9903 8 9.43801 8 9.9903C8 10.5426 8.44771 10.9903 9 10.9903ZM14 12.9884C14 13.5407 13.5523 13.9884 13 13.9884C12.4477 13.9884 12 13.5407 12 12.9884C12 12.4361 12.4477 11.9884 13 11.9884C13.5523 11.9884 14 12.4361 14 12.9884ZM9 16.9857C9.55229 16.9857 10 16.5379 10 15.9857C10 15.4334 9.55229 14.9857 9 14.9857C8.44771 14.9857 8 15.4334 8 15.9857C8 16.5379 8.44771 16.9857 9 16.9857ZM4.99929 4.66056C4.99961 3.16413 6.23051 1.85586 7.82016 2.01281C13.1464 2.53869 17.8822 5.07068 21.2618 8.84017C22.3314 10.0332 21.9991 11.804 20.7832 12.6854C19.2007 13.8326 16.8438 15.5417 15.5005 16.518C15.4977 16.9554 15.4981 17.2395 15.4988 17.6096L15.4988 17.6107C15.4991 17.7902 15.4994 17.9902 15.4994 18.2376C15.4994 19.184 14.7365 19.9884 13.7494 19.9884C13.6444 19.9884 13.542 19.9793 13.4427 19.9619C13.2386 20.7884 12.5107 21.4893 11.4994 21.4893C10.7989 21.4893 10.2374 21.1537 9.89033 20.6743C9.45871 20.9854 9.00328 21.3141 8.56497 21.6306C7.07655 22.7053 4.99571 21.642 4.99609 19.8054L4.99929 4.66056ZM7.67278 3.50555C7.06431 3.44548 6.49944 3.9485 6.49929 4.66088L6.49918 5.18153C11.7528 5.40195 16.41 7.92956 19.4835 11.7749L19.9028 11.471C20.4808 11.0519 20.5545 10.2983 20.145 9.8415C17.0066 6.34106 12.6124 3.99326 7.67278 3.50555ZM6.49609 19.8057C6.49596 20.4179 7.19002 20.7732 7.68688 20.4144C8.41023 19.8922 9.18075 19.3363 9.81432 18.8805C10.0427 18.7161 10.3439 18.6935 10.5944 18.8218C10.8448 18.9501 11.0023 19.2079 11.0023 19.4893C11.0023 19.7595 11.2108 19.9893 11.4994 19.9893C11.7913 19.9893 12.0007 19.7559 12.0007 19.4893V18.2376C12.0007 17.8234 12.3365 17.4876 12.7507 17.4876C13.1649 17.4876 13.5007 17.8234 13.5007 18.2376C13.5007 18.3784 13.6123 18.4884 13.7494 18.4884C13.8873 18.4884 13.9994 18.3765 13.9994 18.2376C13.9994 17.9939 13.9991 17.7955 13.9988 17.6164C13.998 17.1468 13.9974 16.8082 14.0035 16.1272C14.0057 15.8896 14.1202 15.6671 14.3123 15.5274C15.2145 14.8711 16.8076 13.7152 18.2677 12.6565C15.4668 9.18313 11.2521 6.90093 6.49886 6.68298L6.49609 19.8057Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/food_pizza_24_regular.svg";Details
| Name | Food Pizza |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_food_pizza_24_regular.svg |
| Filled file | ic_fluent_food_pizza_24_filled.svg |
| React components | FoodPizza24Regular, FoodPizza24Filled |
| License | MIT (© Microsoft Corporation) |