banana emoji
banana from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- banana
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More food drink icons from OpenMoji
Use the banana emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-width=".75"><path fill="#fcea2b" stroke="#fcea2b" d="M50.46 50.44c-10.986 12.987-25.126 11.668-34.893 6.885c-.313-.153-.457-.525-.532-.866h0a1.485 1.485 0 0 1 1.355-1.791c5.194-.387 12.957-2.15 21.708-9.609a21.5 21.5 0 0 0 3.023-3.162c4.886-6.285 9.104-14.388 9.349-20.97a.98.98 0 0 1 .938-.953c3.123-.097 2.696-.237 2.95.367c4.163 9.907 2.516 22.007-3.891 30.097z"/><path fill="#f1b31c" stroke="#f1b31c" d="M53.21 19.66c3.716-1.236 6.044 20.641-1.994 30.488c-11.8 11.01-23.664 12.652-36.254 5.914c25.96 5.489 39.47-15.38 38.25-36.4z"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m52.09 15.49l-.57-4.29M25.79 56.55c16.7-2.905 24.45-11.14 26.67-27.09"/><path d="M47.54 54.03c-8.106 7.212-23.05 9.45-32.43 2.757l-.413-1.901c18.42-2.206 32.78-13.96 35.36-35.55c1.105-.004 4.645-.396 4.645-.396c5.599 15.1 1.754 27.15-7.164 35.08z"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g strokeLinecap="round" strokeLinejoin="round" strokeWidth=".75"><path fill="#fcea2b" stroke="#fcea2b" d="M50.46 50.44c-10.986 12.987-25.126 11.668-34.893 6.885c-.313-.153-.457-.525-.532-.866h0a1.485 1.485 0 0 1 1.355-1.791c5.194-.387 12.957-2.15 21.708-9.609a21.5 21.5 0 0 0 3.023-3.162c4.886-6.285 9.104-14.388 9.349-20.97a.98.98 0 0 1 .938-.953c3.123-.097 2.696-.237 2.95.367c4.163 9.907 2.516 22.007-3.891 30.097z"/><path fill="#f1b31c" stroke="#f1b31c" d="M53.21 19.66c3.716-1.236 6.044 20.641-1.994 30.488c-11.8 11.01-23.664 12.652-36.254 5.914c25.96 5.489 39.47-15.38 38.25-36.4z"/></g><g fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path d="m52.09 15.49l-.57-4.29M25.79 56.55c16.7-2.905 24.45-11.14 26.67-27.09"/><path d="M47.54 54.03c-8.106 7.212-23.05 9.45-32.43 2.757l-.413-1.901c18.42-2.206 32.78-13.96 35.36-35.55c1.105-.004 4.645-.396 4.645-.396c5.599 15.1 1.754 27.15-7.164 35.08z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><g stroke-linecap="round" stroke-linejoin="round" stroke-width=".75"><path fill="#fcea2b" stroke="#fcea2b" d="M50.46 50.44c-10.986 12.987-25.126 11.668-34.893 6.885c-.313-.153-.457-.525-.532-.866h0a1.485 1.485 0 0 1 1.355-1.791c5.194-.387 12.957-2.15 21.708-9.609a21.5 21.5 0 0 0 3.023-3.162c4.886-6.285 9.104-14.388 9.349-20.97a.98.98 0 0 1 .938-.953c3.123-.097 2.696-.237 2.95.367c4.163 9.907 2.516 22.007-3.891 30.097z"/><path fill="#f1b31c" stroke="#f1b31c" d="M53.21 19.66c3.716-1.236 6.044 20.641-1.994 30.488c-11.8 11.01-23.664 12.652-36.254 5.914c25.96 5.489 39.47-15.38 38.25-36.4z"/></g><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="m52.09 15.49l-.57-4.29M25.79 56.55c16.7-2.905 24.45-11.14 26.67-27.09"/><path d="M47.54 54.03c-8.106 7.212-23.05 9.45-32.43 2.757l-.413-1.901c18.42-2.206 32.78-13.96 35.36-35.55c1.105-.004 4.645-.396 4.645-.396c5.599 15.1 1.754 27.15-7.164 35.08z"/></g></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%2072%2072%22%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.75%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20stroke%3D%22%23fcea2b%22%20d%3D%22M50.46%2050.44c-10.986%2012.987-25.126%2011.668-34.893%206.885c-.313-.153-.457-.525-.532-.866h0a1.485%201.485%200%200%201%201.355-1.791c5.194-.387%2012.957-2.15%2021.708-9.609a21.5%2021.5%200%200%200%203.023-3.162c4.886-6.285%209.104-14.388%209.349-20.97a.98.98%200%200%201%20.938-.953c3.123-.097%202.696-.237%202.95.367c4.163%209.907%202.516%2022.007-3.891%2030.097z%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20stroke%3D%22%23f1b31c%22%20d%3D%22M53.21%2019.66c3.716-1.236%206.044%2020.641-1.994%2030.488c-11.8%2011.01-23.664%2012.652-36.254%205.914c25.96%205.489%2039.47-15.38%2038.25-36.4z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m52.09%2015.49l-.57-4.29M25.79%2056.55c16.7-2.905%2024.45-11.14%2026.67-27.09%22%2F%3E%3Cpath%20d%3D%22M47.54%2054.03c-8.106%207.212-23.05%209.45-32.43%202.757l-.413-1.901c18.42-2.206%2032.78-13.96%2035.36-35.55c1.105-.004%204.645-.396%204.645-.396c5.599%2015.1%201.754%2027.15-7.164%2035.08z%22%2F%3E%3C%2Fg%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%2072%2072%22%3E%3Cg%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%22.75%22%3E%3Cpath%20fill%3D%22%23fcea2b%22%20stroke%3D%22%23fcea2b%22%20d%3D%22M50.46%2050.44c-10.986%2012.987-25.126%2011.668-34.893%206.885c-.313-.153-.457-.525-.532-.866h0a1.485%201.485%200%200%201%201.355-1.791c5.194-.387%2012.957-2.15%2021.708-9.609a21.5%2021.5%200%200%200%203.023-3.162c4.886-6.285%209.104-14.388%209.349-20.97a.98.98%200%200%201%20.938-.953c3.123-.097%202.696-.237%202.95.367c4.163%209.907%202.516%2022.007-3.891%2030.097z%22%2F%3E%3Cpath%20fill%3D%22%23f1b31c%22%20stroke%3D%22%23f1b31c%22%20d%3D%22M53.21%2019.66c3.716-1.236%206.044%2020.641-1.994%2030.488c-11.8%2011.01-23.664%2012.652-36.254%205.914c25.96%205.489%2039.47-15.38%2038.25-36.4z%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20d%3D%22m52.09%2015.49l-.57-4.29M25.79%2056.55c16.7-2.905%2024.45-11.14%2026.67-27.09%22%2F%3E%3Cpath%20d%3D%22M47.54%2054.03c-8.106%207.212-23.05%209.45-32.43%202.757l-.413-1.901c18.42-2.206%2032.78-13.96%2035.36-35.55c1.105-.004%204.645-.396%204.645-.396c5.599%2015.1%201.754%2027.15-7.164%2035.08z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/banana.svg?color=%231a73e8&size=48
