Food icon
ep:food
The Food icon (ep:food) is a free SVG icon from the Element Plus set. It is drawn on a 1024 × 1024 grid. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Element Plus
- Author
- Element Plus
- License
- MIT
- Size
- 1024 × 1024
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" d="M128 352.6v-.6a288 288 0 0 1 491-204.2a192 192 0 0 1 274.3 204.5a64 64 0 0 1 57.2 74.2Q907.1 687.5 736 757v43a96 96 0 0 1-96 96H384a96 96 0 0 1-96-96v-43Q117 687.5 73.5 426.5a64 64 0 0 1 54.5-73.9m64-.6h64a160 160 0 0 1 320 0h64a224 224 0 0 0-448 0m128 0h192a96 96 0 0 0-192 0m439.4 0H828a128.3 128.3 0 0 0-124-160a127 127 0 0 0-43.5 7.6a292 292 0 0 1 27.8 58.3a64.1 64.1 0 0 1 71.1 94.1M672 768H352v32a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32zm-342.5-64h365c101.5-32.6 165.8-125 193-288h-751c27.2 163 91.5 255.4 193 288"/></svg>
How to use the Food icon
React
import { Icon } from "@iconify/react";
<Icon icon="ep:food" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ep:food" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ep:food" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ep--food]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ep -->
<div class="i-ep:food"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ep:food"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ep/food.svg" alt="Food icon" width="24" height="24">
Food icon in other icon sets
Food icon FAQ
Is the Food icon free for commercial use?
Yes. Element Plus icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Food icon in React?
Install @iconify/react and render <Icon icon="ep:food" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Food icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ep/food.svg" alt="Food icon">, or paste the SVG code inline to style it with CSS.
Browse all Element Plus icons →
ICONYZ
