IconSearch logoIconsearch
Home/Libraries/Fluent UI System Icons (Iconify)/food-32-regular
← Back to Search
Fluent UI System Icons (Iconify)

Food32Regular

License: MITCommercial Safe


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

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

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. Food32RegularIcon.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.

Related Icons in Fluent UI System Icons (Iconify)

Browse all Fluent UI System Icons (Iconify) icons →
access-time-20-filled
access-time-20-filled
access-time-20-regular
access-time-20-regular
access-time-24-filled
access-time-24-filled
access-time-24-regular
access-time-24-regular
accessibility-16-filled
accessibility-16-filled
accessibility-16-regular
accessibility-16-regular
accessibility-20-filled
accessibility-20-filled
accessibility-20-regular
accessibility-20-regular
accessibility-24-filled
accessibility-24-filled
accessibility-24-regular
accessibility-24-regular
accessibility-28-filled
accessibility-28-filled
accessibility-28-regular
accessibility-28-regular