Food & Drink SVG Icons

Pizza, coffee cups, fruit, cocktails, bento boxes — the food and drink icons that show up across menus, recipe apps, and delivery platforms, gathered here from emoji sets like Noto Emoji, OpenMoji, Twitter Emoji, and Fluent Emoji Flat, alongside more traditional icon sources like Material Design Icons. The mix means both playful, colorful food emoji and cleaner single-color icons are available depending on what fits your interface.

5 icon packs·Free & open source

Icon Packs

Fluent Emoji Flat

3,174 iconsMIT
1st Place Medal
2nd Place Medal
3rd Place Medal
A Button Blood Type
Ab Button Blood Type
Abacus

Material Design Icons

7,638 iconsApache 2.0
Ab Testing
Abacus
Abjad Arabic
Abjad Hebrew
Abugida Devanagari
Abugida Thai

Noto Emoji

3,800 iconsApache 2.0
0
1
1st Place Medal
2
2nd Place Medal
3

OpenMoji

4,579 iconsCC BY-SA 4.0
1st Place Medal
2nd Place Medal
3d Printer
3d Printer Low
3rd Place Medal
A Button Blood Type

Twitter Emoji

4,169 iconsCC BY 4.0
1st Place Medal
2nd Place Medal
3rd Place Medal
A Button Blood Type
Ab Button Blood Type
Abacus

Common Use Cases

  • 1

    Food delivery apps showing cuisine categories or menu item icons

  • 2

    Recipe platforms and cooking apps illustrating ingredients or meal types

  • 3

    Restaurant menus and ordering systems with icons for dietary categories (vegan, spicy, etc.)

  • 4

    Nutrition and calorie tracking apps representing food groups or logged meals

  • 5

    Café and bar apps showing drink categories like coffee, tea, or cocktails

  • 6

    Grocery and shopping list apps organizing items by food category

  • 7

    Event and catering platforms displaying menu options by food type

  • 8

    Chat and social apps using food-themed icons for reactions or status

Frequently Asked Questions

The libraries do overlap, since food and drink emoji are part of the standard emoji sets (Noto Emoji, OpenMoji, Twitter Emoji, Fluent Emoji Flat). This collection narrows that down to just food and drink related icons, and adds non-emoji sources like Material Design Icons for a cleaner, more UI-friendly style. If you need the full emoji range beyond food, the Emoji collection covers that more broadly.

Both are included. Emoji-sourced icons (from Noto, OpenMoji, Twitter Emoji, Fluent Emoji Flat) tend to be colorful and illustrative, while Material Design Icons and similar sources offer flatter, single-color icons that are easier to restyle with CSS. Pick based on whether you want a playful or a more minimal interface.

It's best to avoid this within the same UI section, since the visual weight and color richness differ a lot between emoji-style and flat icons. A menu list, for instance, will look more consistent using one style throughout rather than switching between them.

Coverage for specific dietary labels is limited — most icons represent actual food and drink items (a taco, a glass of wine) rather than dietary classifications. For allergen or dietary-restriction icons specifically, you may need to pair a food icon with a separate label or badge system.

Each icon keeps the license from its source library attached to it, and terms can differ between Noto Emoji, OpenMoji, Twitter Emoji, Fluent Emoji Flat, Material Design Icons, and other included libraries. Check the license shown on the individual icon or pack page before using it commercially.

Yes, for the flat single-color icons (like those from Material Design Icons), CSS-based recoloring generally works well. The emoji-style icons have their colors baked into the SVG and are harder to override without editing the file directly.

Coverage tends to focus on broadly recognizable food and drink items rather than specific regional dishes. If something very specific is missing, a closely related general icon (like a generic 'noodle bowl' instead of a named regional dish) is usually the most practical substitute.

More Collections

logos/google-icon
logos/airbnb-icon
bxl/amazon
token-branded/bitcoin

Brands & Logos

Brand and product logos in SVG

meteocons/extreme-night-drizzle-fill
wi/day-lightning
meteocons/wind-beaufort-12-fill
wi/sandstorm

Weather

SVG icons for every weather condition

gis/bbox-alt
tabler/map-pin-check
maki/airport
osmic/bicycle-14

Maps & Location

Markers and POI icons for maps

mdi/car-back
tabler/motorbike
carbon/bicycle
carbon/crossroads

Transport & Vehicle

Cars, transit, and travel icons

emojione/grinning-face
emojione-monotone/cat-face
noto-v1/grinning-squinting-face
openmoji/family

Emoji

SVG emojis, seven styles combined

tabler/garden-cart
lucide/credit-card
solar/shop-bold-duotone
hugeicons/shopping-bag-add

E-Commerce

Cart, checkout, and shipping icons

medical-icon/ambulance
healthicons/blood-drop-24px
covid/symptoms-fever
covid/covid-19-virus-4

Medical & Health

Health and medical icons

iconoir/menu
mingcute/dots-vertical-fill
gg/add
carbon/chart-column-floating

UI & Interface

General-purpose interface icons in SVG

View all collections →