eggplant emoji
eggplant from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.
- Name
- eggplant
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Food
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
More food icons from Emoji One (Colored)
Use the eggplant emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#7a2d77" d="M53.4 34.4c-7.6-9.1-19.5-10.3-30.6-21.1c-6.7-6.5-18.5 6.4-15.3 12.6c4.3 8.2 14.2 23.9 23.1 30.8c19.1 14.7 38.2-3.9 22.8-22.3"/><path d="M10 27.9c2.2-2.6 1.6-6.9 1.6-6.9s1.7 2 4.2 2l.2-4.4s3.8-.1 7.1-3.8l-11.2-.4L8 20.8z" opacity=".15"/><g fill="#83b730"><path d="m10.9 12.5l-.9 1.6C7.6 12.5 4.2 8.1 7.6 2l1.5 1c-3.1 5.5 1.3 9.1 1.8 9.5"/><path d="M17.2 16.2c3.8.4 7.3-2.6 7.3-2.6s-2.6-3.6-6.5-4c-3.8-.4-7.1.7-7.3 2.5c-.2 1.9 2.7 3.7 6.5 4.1m-12.1 4c-.5 4 2 7.5 2 7.5s3.2-2.9 3.7-6.9s-.4-7.3-2-7.5c-1.6-.1-3.2 3-3.7 6.9"/></g><path fill="#8cc63e" d="M8.7 18c2.5 3.5 7.9 3.5 7.9 3.5s1.2-5.7-1.3-9.3c-2.5-3.5-6.1-5.1-7.9-3.5c-1.9 1.6-1.3 5.7 1.3 9.3"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneEggplant(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#7a2d77" d="M53.4 34.4c-7.6-9.1-19.5-10.3-30.6-21.1c-6.7-6.5-18.5 6.4-15.3 12.6c4.3 8.2 14.2 23.9 23.1 30.8c19.1 14.7 38.2-3.9 22.8-22.3"/><path d="M10 27.9c2.2-2.6 1.6-6.9 1.6-6.9s1.7 2 4.2 2l.2-4.4s3.8-.1 7.1-3.8l-11.2-.4L8 20.8z" opacity=".15"/><g fill="#83b730"><path d="m10.9 12.5l-.9 1.6C7.6 12.5 4.2 8.1 7.6 2l1.5 1c-3.1 5.5 1.3 9.1 1.8 9.5"/><path d="M17.2 16.2c3.8.4 7.3-2.6 7.3-2.6s-2.6-3.6-6.5-4c-3.8-.4-7.1.7-7.3 2.5c-.2 1.9 2.7 3.7 6.5 4.1m-12.1 4c-.5 4 2 7.5 2 7.5s3.2-2.9 3.7-6.9s-.4-7.3-2-7.5c-1.6-.1-3.2 3-3.7 6.9"/></g><path fill="#8cc63e" d="M8.7 18c2.5 3.5 7.9 3.5 7.9 3.5s1.2-5.7-1.3-9.3c-2.5-3.5-6.1-5.1-7.9-3.5c-1.9 1.6-1.3 5.7 1.3 9.3"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#7a2d77" d="M53.4 34.4c-7.6-9.1-19.5-10.3-30.6-21.1c-6.7-6.5-18.5 6.4-15.3 12.6c4.3 8.2 14.2 23.9 23.1 30.8c19.1 14.7 38.2-3.9 22.8-22.3"/><path d="M10 27.9c2.2-2.6 1.6-6.9 1.6-6.9s1.7 2 4.2 2l.2-4.4s3.8-.1 7.1-3.8l-11.2-.4L8 20.8z" opacity=".15"/><g fill="#83b730"><path d="m10.9 12.5l-.9 1.6C7.6 12.5 4.2 8.1 7.6 2l1.5 1c-3.1 5.5 1.3 9.1 1.8 9.5"/><path d="M17.2 16.2c3.8.4 7.3-2.6 7.3-2.6s-2.6-3.6-6.5-4c-3.8-.4-7.1.7-7.3 2.5c-.2 1.9 2.7 3.7 6.5 4.1m-12.1 4c-.5 4 2 7.5 2 7.5s3.2-2.9 3.7-6.9s-.4-7.3-2-7.5c-1.6-.1-3.2 3-3.7 6.9"/></g><path fill="#8cc63e" d="M8.7 18c2.5 3.5 7.9 3.5 7.9 3.5s1.2-5.7-1.3-9.3c-2.5-3.5-6.1-5.1-7.9-3.5c-1.9 1.6-1.3 5.7 1.3 9.3"/></svg> </template>
CSS
.icon-eggplant {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%237a2d77%22%20d%3D%22M53.4%2034.4c-7.6-9.1-19.5-10.3-30.6-21.1c-6.7-6.5-18.5%206.4-15.3%2012.6c4.3%208.2%2014.2%2023.9%2023.1%2030.8c19.1%2014.7%2038.2-3.9%2022.8-22.3%22%2F%3E%3Cpath%20d%3D%22M10%2027.9c2.2-2.6%201.6-6.9%201.6-6.9s1.7%202%204.2%202l.2-4.4s3.8-.1%207.1-3.8l-11.2-.4L8%2020.8z%22%20opacity%3D%22.15%22%2F%3E%3Cg%20fill%3D%22%2383b730%22%3E%3Cpath%20d%3D%22m10.9%2012.5l-.9%201.6C7.6%2012.5%204.2%208.1%207.6%202l1.5%201c-3.1%205.5%201.3%209.1%201.8%209.5%22%2F%3E%3Cpath%20d%3D%22M17.2%2016.2c3.8.4%207.3-2.6%207.3-2.6s-2.6-3.6-6.5-4c-3.8-.4-7.1.7-7.3%202.5c-.2%201.9%202.7%203.7%206.5%204.1m-12.1%204c-.5%204%202%207.5%202%207.5s3.2-2.9%203.7-6.9s-.4-7.3-2-7.5c-1.6-.1-3.2%203-3.7%206.9%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%238cc63e%22%20d%3D%22M8.7%2018c2.5%203.5%207.9%203.5%207.9%203.5s1.2-5.7-1.3-9.3c-2.5-3.5-6.1-5.1-7.9-3.5c-1.9%201.6-1.3%205.7%201.3%209.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2064%2064%22%3E%3Cpath%20fill%3D%22%237a2d77%22%20d%3D%22M53.4%2034.4c-7.6-9.1-19.5-10.3-30.6-21.1c-6.7-6.5-18.5%206.4-15.3%2012.6c4.3%208.2%2014.2%2023.9%2023.1%2030.8c19.1%2014.7%2038.2-3.9%2022.8-22.3%22%2F%3E%3Cpath%20d%3D%22M10%2027.9c2.2-2.6%201.6-6.9%201.6-6.9s1.7%202%204.2%202l.2-4.4s3.8-.1%207.1-3.8l-11.2-.4L8%2020.8z%22%20opacity%3D%22.15%22%2F%3E%3Cg%20fill%3D%22%2383b730%22%3E%3Cpath%20d%3D%22m10.9%2012.5l-.9%201.6C7.6%2012.5%204.2%208.1%207.6%202l1.5%201c-3.1%205.5%201.3%209.1%201.8%209.5%22%2F%3E%3Cpath%20d%3D%22M17.2%2016.2c3.8.4%207.3-2.6%207.3-2.6s-2.6-3.6-6.5-4c-3.8-.4-7.1.7-7.3%202.5c-.2%201.9%202.7%203.7%206.5%204.1m-12.1%204c-.5%204%202%207.5%202%207.5s3.2-2.9%203.7-6.9s-.4-7.3-2-7.5c-1.6-.1-3.2%203-3.7%206.9%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%238cc63e%22%20d%3D%22M8.7%2018c2.5%203.5%207.9%203.5%207.9%203.5s1.2-5.7-1.3-9.3c-2.5-3.5-6.1-5.1-7.9-3.5c-1.9%201.6-1.3%205.7%201.3%209.3%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/eggplant.svg?color=%231a73e8&size=48
