Home/Libraries/Fluent UI System Icons (Iconify)/food-48-regular

Fluent UI System Icons (Iconify)

Food48Regular

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 48 48"><path fill="#818cf8" 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>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. Food48RegularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.