banana emoji
banana from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- banana
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons Branded
More food & drink icons from Twitter Emoji
Use the banana emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffe8b6" d="M28 2c2.684-1.342 5 4 3 13c-1.106 4.977-5 9-9 12s-11-1-7-5s8-7 10-13c1.304-3.912 1-6 3-7"/><path fill="#ffd983" d="M31 8c0 3-1 9-4 13s-7 5-4 1s5-7 6-11s2-7 2-3"/><path fill="#ffcc4d" d="M22 20c-.296.592 1.167-3.833-3-6c-1.984-1.032-10 1-4 1c3 0 4 2 2 4a2.9 2.9 0 0 0-.622.912c-.417.346-.873.709-1.378 1.088c-2.263 1.697-5.84 4.227-10 7c-3 2-4 3-4 4c0 3 9 3 14 1s10-7 10-7l4-4c-3-4-7-2-7-2"/><path fill="#ffe8b6" d="M22 20s1.792-4.729-3-7c-4.042-1.916-8-1-11 1s-2 4-3 5s1 2 3 0s8.316-4.895 11-4c3 1 2 2.999 3 5"/><path fill="#a6d388" d="M26 35h-4c-2 0-3 1-4 1s-2-2 0-2s4 0 5-1s5 2 3 2"/><circle cx="18" cy="35" r="1" fill="#3e721d"/><path fill="#ffcc4d" d="M32.208 28S28 35 26 35h-4c-2 0 0-1 1-2s5 0 5-6c0-3 4.208 1 4.208 1"/><path fill="#ffe8b6" d="M26 19c3 0 8 3 7 9s-5 7-7 7h-2c-2 0-1-1 0-2s4 0 4-6c0-3-4-7-6-7c0 0 2-1 4-1"/><path fill="#ffd983" d="M17 21c3 0 5 1 3 3c-1.581 1.581-6 5-10 6s-8 1-5-1s9.764-8 12-8"/><path fill="#c1694f" d="M2 31c1 0 1 0 1 .667C3 32.333 3 33 2 33s-1-1.333-1-1.333S1 31 2 31"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffe8b6" d="M28 2c2.684-1.342 5 4 3 13c-1.106 4.977-5 9-9 12s-11-1-7-5s8-7 10-13c1.304-3.912 1-6 3-7"/><path fill="#ffd983" d="M31 8c0 3-1 9-4 13s-7 5-4 1s5-7 6-11s2-7 2-3"/><path fill="#ffcc4d" d="M22 20c-.296.592 1.167-3.833-3-6c-1.984-1.032-10 1-4 1c3 0 4 2 2 4a2.9 2.9 0 0 0-.622.912c-.417.346-.873.709-1.378 1.088c-2.263 1.697-5.84 4.227-10 7c-3 2-4 3-4 4c0 3 9 3 14 1s10-7 10-7l4-4c-3-4-7-2-7-2"/><path fill="#ffe8b6" d="M22 20s1.792-4.729-3-7c-4.042-1.916-8-1-11 1s-2 4-3 5s1 2 3 0s8.316-4.895 11-4c3 1 2 2.999 3 5"/><path fill="#a6d388" d="M26 35h-4c-2 0-3 1-4 1s-2-2 0-2s4 0 5-1s5 2 3 2"/><circle cx="18" cy="35" r="1" fill="#3e721d"/><path fill="#ffcc4d" d="M32.208 28S28 35 26 35h-4c-2 0 0-1 1-2s5 0 5-6c0-3 4.208 1 4.208 1"/><path fill="#ffe8b6" d="M26 19c3 0 8 3 7 9s-5 7-7 7h-2c-2 0-1-1 0-2s4 0 4-6c0-3-4-7-6-7c0 0 2-1 4-1"/><path fill="#ffd983" d="M17 21c3 0 5 1 3 3c-1.581 1.581-6 5-10 6s-8 1-5-1s9.764-8 12-8"/><path fill="#c1694f" d="M2 31c1 0 1 0 1 .667C3 32.333 3 33 2 33s-1-1.333-1-1.333S1 31 2 31"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffe8b6" d="M28 2c2.684-1.342 5 4 3 13c-1.106 4.977-5 9-9 12s-11-1-7-5s8-7 10-13c1.304-3.912 1-6 3-7"/><path fill="#ffd983" d="M31 8c0 3-1 9-4 13s-7 5-4 1s5-7 6-11s2-7 2-3"/><path fill="#ffcc4d" d="M22 20c-.296.592 1.167-3.833-3-6c-1.984-1.032-10 1-4 1c3 0 4 2 2 4a2.9 2.9 0 0 0-.622.912c-.417.346-.873.709-1.378 1.088c-2.263 1.697-5.84 4.227-10 7c-3 2-4 3-4 4c0 3 9 3 14 1s10-7 10-7l4-4c-3-4-7-2-7-2"/><path fill="#ffe8b6" d="M22 20s1.792-4.729-3-7c-4.042-1.916-8-1-11 1s-2 4-3 5s1 2 3 0s8.316-4.895 11-4c3 1 2 2.999 3 5"/><path fill="#a6d388" d="M26 35h-4c-2 0-3 1-4 1s-2-2 0-2s4 0 5-1s5 2 3 2"/><circle cx="18" cy="35" r="1" fill="#3e721d"/><path fill="#ffcc4d" d="M32.208 28S28 35 26 35h-4c-2 0 0-1 1-2s5 0 5-6c0-3 4.208 1 4.208 1"/><path fill="#ffe8b6" d="M26 19c3 0 8 3 7 9s-5 7-7 7h-2c-2 0-1-1 0-2s4 0 4-6c0-3-4-7-6-7c0 0 2-1 4-1"/><path fill="#ffd983" d="M17 21c3 0 5 1 3 3c-1.581 1.581-6 5-10 6s-8 1-5-1s9.764-8 12-8"/><path fill="#c1694f" d="M2 31c1 0 1 0 1 .667C3 32.333 3 33 2 33s-1-1.333-1-1.333S1 31 2 31"/></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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M28%202c2.684-1.342%205%204%203%2013c-1.106%204.977-5%209-9%2012s-11-1-7-5s8-7%2010-13c1.304-3.912%201-6%203-7%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M31%208c0%203-1%209-4%2013s-7%205-4%201s5-7%206-11s2-7%202-3%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M22%2020c-.296.592%201.167-3.833-3-6c-1.984-1.032-10%201-4%201c3%200%204%202%202%204a2.9%202.9%200%200%200-.622.912c-.417.346-.873.709-1.378%201.088c-2.263%201.697-5.84%204.227-10%207c-3%202-4%203-4%204c0%203%209%203%2014%201s10-7%2010-7l4-4c-3-4-7-2-7-2%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M22%2020s1.792-4.729-3-7c-4.042-1.916-8-1-11%201s-2%204-3%205s1%202%203%200s8.316-4.895%2011-4c3%201%202%202.999%203%205%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M26%2035h-4c-2%200-3%201-4%201s-2-2%200-2s4%200%205-1s5%202%203%202%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2235%22%20r%3D%221%22%20fill%3D%22%233e721d%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M32.208%2028S28%2035%2026%2035h-4c-2%200%200-1%201-2s5%200%205-6c0-3%204.208%201%204.208%201%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M26%2019c3%200%208%203%207%209s-5%207-7%207h-2c-2%200-1-1%200-2s4%200%204-6c0-3-4-7-6-7c0%200%202-1%204-1%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M17%2021c3%200%205%201%203%203c-1.581%201.581-6%205-10%206s-8%201-5-1s9.764-8%2012-8%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M2%2031c1%200%201%200%201%20.667C3%2032.333%203%2033%202%2033s-1-1.333-1-1.333S1%2031%202%2031%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M28%202c2.684-1.342%205%204%203%2013c-1.106%204.977-5%209-9%2012s-11-1-7-5s8-7%2010-13c1.304-3.912%201-6%203-7%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M31%208c0%203-1%209-4%2013s-7%205-4%201s5-7%206-11s2-7%202-3%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M22%2020c-.296.592%201.167-3.833-3-6c-1.984-1.032-10%201-4%201c3%200%204%202%202%204a2.9%202.9%200%200%200-.622.912c-.417.346-.873.709-1.378%201.088c-2.263%201.697-5.84%204.227-10%207c-3%202-4%203-4%204c0%203%209%203%2014%201s10-7%2010-7l4-4c-3-4-7-2-7-2%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M22%2020s1.792-4.729-3-7c-4.042-1.916-8-1-11%201s-2%204-3%205s1%202%203%200s8.316-4.895%2011-4c3%201%202%202.999%203%205%22%2F%3E%3Cpath%20fill%3D%22%23a6d388%22%20d%3D%22M26%2035h-4c-2%200-3%201-4%201s-2-2%200-2s4%200%205-1s5%202%203%202%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2235%22%20r%3D%221%22%20fill%3D%22%233e721d%22%2F%3E%3Cpath%20fill%3D%22%23ffcc4d%22%20d%3D%22M32.208%2028S28%2035%2026%2035h-4c-2%200%200-1%201-2s5%200%205-6c0-3%204.208%201%204.208%201%22%2F%3E%3Cpath%20fill%3D%22%23ffe8b6%22%20d%3D%22M26%2019c3%200%208%203%207%209s-5%207-7%207h-2c-2%200-1-1%200-2s4%200%204-6c0-3-4-7-6-7c0%200%202-1%204-1%22%2F%3E%3Cpath%20fill%3D%22%23ffd983%22%20d%3D%22M17%2021c3%200%205%201%203%203c-1.581%201.581-6%205-10%206s-8%201-5-1s9.764-8%2012-8%22%2F%3E%3Cpath%20fill%3D%22%23c1694f%22%20d%3D%22M2%2031c1%200%201%200%201%20.667C3%2032.333%203%2033%202%2033s-1-1.333-1-1.333S1%2031%202%2031%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/banana.svg?color=%231a73e8&size=48
