Eggplant icon
icon-park:eggplant
The Eggplant icon (icon-park:eggplant) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark icons are released under the Apache 2.0 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Foods
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path d="M35 18L31.1193 30.6124C31.0398 30.8708 30.9648 31.1262 30.8719 31.3801C30.324 32.8784 27.8826 38.4193 21.0006 41C13.0007 44 4.99941 40 5 32.0769C5.00059 24.1538 13 25 17 22C21 19 25 13 25 13"/><path fill="#2F88FF" stroke-linecap="round" stroke-linejoin="round" d="M39.2545 24.4878C39.2545 24.4878 40.3716 19.1756 40.001 16.0002C39.496 11.6727 37.501 8.50022 35.0002 7.00023C32.4995 5.50025 27.2531 4.50021 23.0004 7.00025C18.7477 9.50028 16.9676 12.8454 16.9676 12.8454L25.1744 12.0776C25.6536 12.0327 26.0968 12.3357 26.2291 12.7985L27.7262 18.0387C27.878 18.5697 28.4315 18.8772 28.9625 18.7255L34.2444 17.2162C34.688 17.0894 35.1607 17.2826 35.3886 17.6837L39.2545 24.4878Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M36 8L42 6"/></g></svg>
How to use the Eggplant icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:eggplant" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:eggplant" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:eggplant" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--eggplant]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:eggplant"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:eggplant"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/eggplant.svg" alt="Eggplant icon" width="24" height="24">
Eggplant icon in other icon sets
Eggplant icon FAQ
Is the Eggplant icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Eggplant icon in React?
Install @iconify/react and render <Icon icon="icon-park:eggplant" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Eggplant icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/eggplant.svg" alt="Eggplant icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
