banana emoji
banana from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.
- Name
- banana
- Set
- Emoji One (Colored)
- Style
- Default
- Category
- Food
- Viewbox
- 64×64
- License
- CC BY 4.0
The same emoji in other sets
bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More food icons from Emoji One (Colored)
Use the banana emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f2eacc" d="M46.6 42.2c-6.5 9.4-16.8 1.2-10.3-8.2C48.1 22.7 47.8 6.6 52.2 6c5.6-.7 9.8 16-5.6 36.2"/><path fill="#9c6525" d="m5.5 40.7l-3.5 3c.9 1.3 1.8 2.6 2.9 3.8c1.7-1.4 3.6-3.2 4.9-5c-1.5-.4-3-1-4.3-1.8"/><path fill="#fee801" d="M34.2 20.1c-7.2-1.8-11.9 3.2-11.9 3.2c6.8-3.6 16.8 4.6 15.4 7.3c-5.1 9.2-15.2 14.5-25.7 12.5c-.8-.1-1.5-.3-2.2-.6c-1.3 1.7-3.2 3.6-4.9 5c14.1 7 30.9 2.9 38.1-11.3c2.9-5.7-2.7-14.5-8.8-16.1"/><path fill="#e5c900" d="M62 43.2s-1.4-5.7-8.2-8.4C47.2 32.1 43 36.2 43 36.2c-5.4 9.7-16 15.2-27 13.1c-3.3-.6-6.3-1.9-9-3.7c-.7.7-1.4 1.3-2.1 1.9c3.8 4.3 8.9 7.4 14.8 8.6c9.3 1.8 18.3-1.6 24.4-8.3C53.5 35.9 62 43.2 62 43.2"/><path fill="#f5f5f5" d="M34.5 41.1c2.9-1.8 4.4-4.9 3.3-6.9c-.3-.6-.9-1-1.6-1.3c-.2.3-.4.5-.5.8c.5.2 1 .5 1.2 1c.9 1.6-.3 4.1-2.7 5.6c-2.3 1.5-4.9 1.4-5.8-.1c-.4.2-.7.4-1.1.6c1.1 2 4.3 2.1 7.2.3"/><path fill="#42ade2" d="M28.4 40.2c1 1.5 3.5 1.5 5.8.1c2.4-1.5 3.6-4 2.7-5.6c-.3-.5-.7-.8-1.2-1c-2 2.7-4.5 4.9-7.3 6.5"/><path fill="#fee801" d="M62 43.2c.2 5.3-3.7 13.7-10.3 14.8c-6.7 1.1 8.4-19.9-1.7-24.1c0 0 11.6 0 12 9.3"/><path fill="#e5c900" d="M35.9 20.8C21.1 14.6 16 33.4 23.5 31.2c2.6-.8 4.2-6.4 12.4-10.4"/></svg>
React
import type { SVGProps } from "react";
export function EmojioneBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f2eacc" d="M46.6 42.2c-6.5 9.4-16.8 1.2-10.3-8.2C48.1 22.7 47.8 6.6 52.2 6c5.6-.7 9.8 16-5.6 36.2"/><path fill="#9c6525" d="m5.5 40.7l-3.5 3c.9 1.3 1.8 2.6 2.9 3.8c1.7-1.4 3.6-3.2 4.9-5c-1.5-.4-3-1-4.3-1.8"/><path fill="#fee801" d="M34.2 20.1c-7.2-1.8-11.9 3.2-11.9 3.2c6.8-3.6 16.8 4.6 15.4 7.3c-5.1 9.2-15.2 14.5-25.7 12.5c-.8-.1-1.5-.3-2.2-.6c-1.3 1.7-3.2 3.6-4.9 5c14.1 7 30.9 2.9 38.1-11.3c2.9-5.7-2.7-14.5-8.8-16.1"/><path fill="#e5c900" d="M62 43.2s-1.4-5.7-8.2-8.4C47.2 32.1 43 36.2 43 36.2c-5.4 9.7-16 15.2-27 13.1c-3.3-.6-6.3-1.9-9-3.7c-.7.7-1.4 1.3-2.1 1.9c3.8 4.3 8.9 7.4 14.8 8.6c9.3 1.8 18.3-1.6 24.4-8.3C53.5 35.9 62 43.2 62 43.2"/><path fill="#f5f5f5" d="M34.5 41.1c2.9-1.8 4.4-4.9 3.3-6.9c-.3-.6-.9-1-1.6-1.3c-.2.3-.4.5-.5.8c.5.2 1 .5 1.2 1c.9 1.6-.3 4.1-2.7 5.6c-2.3 1.5-4.9 1.4-5.8-.1c-.4.2-.7.4-1.1.6c1.1 2 4.3 2.1 7.2.3"/><path fill="#42ade2" d="M28.4 40.2c1 1.5 3.5 1.5 5.8.1c2.4-1.5 3.6-4 2.7-5.6c-.3-.5-.7-.8-1.2-1c-2 2.7-4.5 4.9-7.3 6.5"/><path fill="#fee801" d="M62 43.2c.2 5.3-3.7 13.7-10.3 14.8c-6.7 1.1 8.4-19.9-1.7-24.1c0 0 11.6 0 12 9.3"/><path fill="#e5c900" d="M35.9 20.8C21.1 14.6 16 33.4 23.5 31.2c2.6-.8 4.2-6.4 12.4-10.4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><path fill="#f2eacc" d="M46.6 42.2c-6.5 9.4-16.8 1.2-10.3-8.2C48.1 22.7 47.8 6.6 52.2 6c5.6-.7 9.8 16-5.6 36.2"/><path fill="#9c6525" d="m5.5 40.7l-3.5 3c.9 1.3 1.8 2.6 2.9 3.8c1.7-1.4 3.6-3.2 4.9-5c-1.5-.4-3-1-4.3-1.8"/><path fill="#fee801" d="M34.2 20.1c-7.2-1.8-11.9 3.2-11.9 3.2c6.8-3.6 16.8 4.6 15.4 7.3c-5.1 9.2-15.2 14.5-25.7 12.5c-.8-.1-1.5-.3-2.2-.6c-1.3 1.7-3.2 3.6-4.9 5c14.1 7 30.9 2.9 38.1-11.3c2.9-5.7-2.7-14.5-8.8-16.1"/><path fill="#e5c900" d="M62 43.2s-1.4-5.7-8.2-8.4C47.2 32.1 43 36.2 43 36.2c-5.4 9.7-16 15.2-27 13.1c-3.3-.6-6.3-1.9-9-3.7c-.7.7-1.4 1.3-2.1 1.9c3.8 4.3 8.9 7.4 14.8 8.6c9.3 1.8 18.3-1.6 24.4-8.3C53.5 35.9 62 43.2 62 43.2"/><path fill="#f5f5f5" d="M34.5 41.1c2.9-1.8 4.4-4.9 3.3-6.9c-.3-.6-.9-1-1.6-1.3c-.2.3-.4.5-.5.8c.5.2 1 .5 1.2 1c.9 1.6-.3 4.1-2.7 5.6c-2.3 1.5-4.9 1.4-5.8-.1c-.4.2-.7.4-1.1.6c1.1 2 4.3 2.1 7.2.3"/><path fill="#42ade2" d="M28.4 40.2c1 1.5 3.5 1.5 5.8.1c2.4-1.5 3.6-4 2.7-5.6c-.3-.5-.7-.8-1.2-1c-2 2.7-4.5 4.9-7.3 6.5"/><path fill="#fee801" d="M62 43.2c.2 5.3-3.7 13.7-10.3 14.8c-6.7 1.1 8.4-19.9-1.7-24.1c0 0 11.6 0 12 9.3"/><path fill="#e5c900" d="M35.9 20.8C21.1 14.6 16 33.4 23.5 31.2c2.6-.8 4.2-6.4 12.4-10.4"/></svg> </template>
CSS
.icon-banana {
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%23f2eacc%22%20d%3D%22M46.6%2042.2c-6.5%209.4-16.8%201.2-10.3-8.2C48.1%2022.7%2047.8%206.6%2052.2%206c5.6-.7%209.8%2016-5.6%2036.2%22%2F%3E%3Cpath%20fill%3D%22%239c6525%22%20d%3D%22m5.5%2040.7l-3.5%203c.9%201.3%201.8%202.6%202.9%203.8c1.7-1.4%203.6-3.2%204.9-5c-1.5-.4-3-1-4.3-1.8%22%2F%3E%3Cpath%20fill%3D%22%23fee801%22%20d%3D%22M34.2%2020.1c-7.2-1.8-11.9%203.2-11.9%203.2c6.8-3.6%2016.8%204.6%2015.4%207.3c-5.1%209.2-15.2%2014.5-25.7%2012.5c-.8-.1-1.5-.3-2.2-.6c-1.3%201.7-3.2%203.6-4.9%205c14.1%207%2030.9%202.9%2038.1-11.3c2.9-5.7-2.7-14.5-8.8-16.1%22%2F%3E%3Cpath%20fill%3D%22%23e5c900%22%20d%3D%22M62%2043.2s-1.4-5.7-8.2-8.4C47.2%2032.1%2043%2036.2%2043%2036.2c-5.4%209.7-16%2015.2-27%2013.1c-3.3-.6-6.3-1.9-9-3.7c-.7.7-1.4%201.3-2.1%201.9c3.8%204.3%208.9%207.4%2014.8%208.6c9.3%201.8%2018.3-1.6%2024.4-8.3C53.5%2035.9%2062%2043.2%2062%2043.2%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M34.5%2041.1c2.9-1.8%204.4-4.9%203.3-6.9c-.3-.6-.9-1-1.6-1.3c-.2.3-.4.5-.5.8c.5.2%201%20.5%201.2%201c.9%201.6-.3%204.1-2.7%205.6c-2.3%201.5-4.9%201.4-5.8-.1c-.4.2-.7.4-1.1.6c1.1%202%204.3%202.1%207.2.3%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M28.4%2040.2c1%201.5%203.5%201.5%205.8.1c2.4-1.5%203.6-4%202.7-5.6c-.3-.5-.7-.8-1.2-1c-2%202.7-4.5%204.9-7.3%206.5%22%2F%3E%3Cpath%20fill%3D%22%23fee801%22%20d%3D%22M62%2043.2c.2%205.3-3.7%2013.7-10.3%2014.8c-6.7%201.1%208.4-19.9-1.7-24.1c0%200%2011.6%200%2012%209.3%22%2F%3E%3Cpath%20fill%3D%22%23e5c900%22%20d%3D%22M35.9%2020.8C21.1%2014.6%2016%2033.4%2023.5%2031.2c2.6-.8%204.2-6.4%2012.4-10.4%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%23f2eacc%22%20d%3D%22M46.6%2042.2c-6.5%209.4-16.8%201.2-10.3-8.2C48.1%2022.7%2047.8%206.6%2052.2%206c5.6-.7%209.8%2016-5.6%2036.2%22%2F%3E%3Cpath%20fill%3D%22%239c6525%22%20d%3D%22m5.5%2040.7l-3.5%203c.9%201.3%201.8%202.6%202.9%203.8c1.7-1.4%203.6-3.2%204.9-5c-1.5-.4-3-1-4.3-1.8%22%2F%3E%3Cpath%20fill%3D%22%23fee801%22%20d%3D%22M34.2%2020.1c-7.2-1.8-11.9%203.2-11.9%203.2c6.8-3.6%2016.8%204.6%2015.4%207.3c-5.1%209.2-15.2%2014.5-25.7%2012.5c-.8-.1-1.5-.3-2.2-.6c-1.3%201.7-3.2%203.6-4.9%205c14.1%207%2030.9%202.9%2038.1-11.3c2.9-5.7-2.7-14.5-8.8-16.1%22%2F%3E%3Cpath%20fill%3D%22%23e5c900%22%20d%3D%22M62%2043.2s-1.4-5.7-8.2-8.4C47.2%2032.1%2043%2036.2%2043%2036.2c-5.4%209.7-16%2015.2-27%2013.1c-3.3-.6-6.3-1.9-9-3.7c-.7.7-1.4%201.3-2.1%201.9c3.8%204.3%208.9%207.4%2014.8%208.6c9.3%201.8%2018.3-1.6%2024.4-8.3C53.5%2035.9%2062%2043.2%2062%2043.2%22%2F%3E%3Cpath%20fill%3D%22%23f5f5f5%22%20d%3D%22M34.5%2041.1c2.9-1.8%204.4-4.9%203.3-6.9c-.3-.6-.9-1-1.6-1.3c-.2.3-.4.5-.5.8c.5.2%201%20.5%201.2%201c.9%201.6-.3%204.1-2.7%205.6c-2.3%201.5-4.9%201.4-5.8-.1c-.4.2-.7.4-1.1.6c1.1%202%204.3%202.1%207.2.3%22%2F%3E%3Cpath%20fill%3D%22%2342ade2%22%20d%3D%22M28.4%2040.2c1%201.5%203.5%201.5%205.8.1c2.4-1.5%203.6-4%202.7-5.6c-.3-.5-.7-.8-1.2-1c-2%202.7-4.5%204.9-7.3%206.5%22%2F%3E%3Cpath%20fill%3D%22%23fee801%22%20d%3D%22M62%2043.2c.2%205.3-3.7%2013.7-10.3%2014.8c-6.7%201.1%208.4-19.9-1.7-24.1c0%200%2011.6%200%2012%209.3%22%2F%3E%3Cpath%20fill%3D%22%23e5c900%22%20d%3D%22M35.9%2020.8C21.1%2014.6%2016%2033.4%2023.5%2031.2c2.6-.8%204.2-6.4%2012.4-10.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/banana.svg?color=%231a73e8&size=48
