Eggplant icon
whh:eggplant
The Eggplant icon (whh:eggplant) is a free SVG icon from the WebHostingHub Glyphs set by WebHostingHub. It is drawn on a 1024 × 1024 grid. WebHostingHub Glyphs icons are released under the Open Font 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
- WebHostingHub Glyphs
- Author
- WebHostingHub
- License
- OFL-1.1
- 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="M992 64q-41 0-86 55q54 48 54 105q0 72-23 159.5t-64 176T772 732T643 880.5t-153.5 104T320 1024q-87 0-160.5-43T43 864.5T0 704t43-160.5T159.5 427T320 384q45 0 87.5-17t72-41.5t52-52T565 224t11-32q0-42 30.5-72T679 77t89-13q34 0 72 14q24-26 59.5-45T958 7t31-7q15 0 25 9.5t10 23t-9 22.5t-23 9"/></svg>
How to use the Eggplant icon
React
import { Icon } from "@iconify/react";
<Icon icon="whh:eggplant" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:eggplant" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:eggplant" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--eggplant]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:eggplant"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:eggplant"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/whh/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. WebHostingHub Glyphs icons are released under the Open Font 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="whh: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/whh/eggplant.svg" alt="Eggplant icon">, or paste the SVG code inline to style it with CSS.
Browse all WebHostingHub Glyphs icons →
ICONYZ
