banana emoji
banana from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- banana
- Set
- Fluent Emoji Flat
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More food & drink icons from Fluent Emoji Flat
Use the banana emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3ad61" d="M2 26.431c0-.73.592-1.321 1.322-1.321h.99a1.322 1.322 0 0 1 0 2.643h-.99c-.73 0-1.322-.592-1.322-1.322"/><path fill="#f9c23c" d="M19.783 18h9.435c.695 0 1.045-.876.55-1.392l-2.178-2.272a4.244 4.244 0 0 0-6.181 0l-2.179 2.272c-.492.514-.142 1.392.553 1.392m-15 0h9.434c.695 0 1.045-.878.553-1.392l-2.18-2.272a4.243 4.243 0 0 0-6.182 0L4.23 16.608c-.492.514-.142 1.392.553 1.392"/><path fill="#feefc2" d="M16.7 2.029c4.92-.708 7.96 11.897 5.745 16.99c-2.215 5.094-6.997 6.21-12.07 8.204a4.7 4.7 0 0 1-1.705.325c-1.924 0-2.97 1.582-3.7-.375c-.942-2.535.293-5.376 2.76-6.344c2.684-1.053 4.111-3.077 5.185-5.818c1.096-2.795 1.17-3.941 1.166-6.988c-.005-2.437-.165-5.594 2.619-5.994"/><path fill="#fcd53f" d="m22.445 19.02l-9.46-4.344c-1.086 2.498-3.053 4.411-5.54 5.39c-2.881 1.132-4.807 4.23-3.23 7.386c3.151 6.304 18.23-.066 18.23-8.433"/><path fill="#f9c23c" fill-rule="evenodd" d="M18.24 16.482a.75.75 0 0 1 .486.942c-1.98 6.201-7.756 9.065-12.918 9.33a.75.75 0 0 1-.077-1.498c4.738-.243 9.83-2.852 11.566-8.288a.75.75 0 0 1 .943-.486" clip-rule="evenodd"/><path fill="#fff478" d="m23.24 26.467l-10.197-11.78h9.004c2.126.107 3.794 1.91 3.794 4.097v7.552c0 1.33-1.197 1.736-2.6.131"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiFlatBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3ad61" d="M2 26.431c0-.73.592-1.321 1.322-1.321h.99a1.322 1.322 0 0 1 0 2.643h-.99c-.73 0-1.322-.592-1.322-1.322"/><path fill="#f9c23c" d="M19.783 18h9.435c.695 0 1.045-.876.55-1.392l-2.178-2.272a4.244 4.244 0 0 0-6.181 0l-2.179 2.272c-.492.514-.142 1.392.553 1.392m-15 0h9.434c.695 0 1.045-.878.553-1.392l-2.18-2.272a4.243 4.243 0 0 0-6.182 0L4.23 16.608c-.492.514-.142 1.392.553 1.392"/><path fill="#feefc2" d="M16.7 2.029c4.92-.708 7.96 11.897 5.745 16.99c-2.215 5.094-6.997 6.21-12.07 8.204a4.7 4.7 0 0 1-1.705.325c-1.924 0-2.97 1.582-3.7-.375c-.942-2.535.293-5.376 2.76-6.344c2.684-1.053 4.111-3.077 5.185-5.818c1.096-2.795 1.17-3.941 1.166-6.988c-.005-2.437-.165-5.594 2.619-5.994"/><path fill="#fcd53f" d="m22.445 19.02l-9.46-4.344c-1.086 2.498-3.053 4.411-5.54 5.39c-2.881 1.132-4.807 4.23-3.23 7.386c3.151 6.304 18.23-.066 18.23-8.433"/><path fill="#f9c23c" fillRule="evenodd" d="M18.24 16.482a.75.75 0 0 1 .486.942c-1.98 6.201-7.756 9.065-12.918 9.33a.75.75 0 0 1-.077-1.498c4.738-.243 9.83-2.852 11.566-8.288a.75.75 0 0 1 .943-.486" clipRule="evenodd"/><path fill="#fff478" d="m23.24 26.467l-10.197-11.78h9.004c2.126.107 3.794 1.91 3.794 4.097v7.552c0 1.33-1.197 1.736-2.6.131"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#f3ad61" d="M2 26.431c0-.73.592-1.321 1.322-1.321h.99a1.322 1.322 0 0 1 0 2.643h-.99c-.73 0-1.322-.592-1.322-1.322"/><path fill="#f9c23c" d="M19.783 18h9.435c.695 0 1.045-.876.55-1.392l-2.178-2.272a4.244 4.244 0 0 0-6.181 0l-2.179 2.272c-.492.514-.142 1.392.553 1.392m-15 0h9.434c.695 0 1.045-.878.553-1.392l-2.18-2.272a4.243 4.243 0 0 0-6.182 0L4.23 16.608c-.492.514-.142 1.392.553 1.392"/><path fill="#feefc2" d="M16.7 2.029c4.92-.708 7.96 11.897 5.745 16.99c-2.215 5.094-6.997 6.21-12.07 8.204a4.7 4.7 0 0 1-1.705.325c-1.924 0-2.97 1.582-3.7-.375c-.942-2.535.293-5.376 2.76-6.344c2.684-1.053 4.111-3.077 5.185-5.818c1.096-2.795 1.17-3.941 1.166-6.988c-.005-2.437-.165-5.594 2.619-5.994"/><path fill="#fcd53f" d="m22.445 19.02l-9.46-4.344c-1.086 2.498-3.053 4.411-5.54 5.39c-2.881 1.132-4.807 4.23-3.23 7.386c3.151 6.304 18.23-.066 18.23-8.433"/><path fill="#f9c23c" fill-rule="evenodd" d="M18.24 16.482a.75.75 0 0 1 .486.942c-1.98 6.201-7.756 9.065-12.918 9.33a.75.75 0 0 1-.077-1.498c4.738-.243 9.83-2.852 11.566-8.288a.75.75 0 0 1 .943-.486" clip-rule="evenodd"/><path fill="#fff478" d="m23.24 26.467l-10.197-11.78h9.004c2.126.107 3.794 1.91 3.794 4.097v7.552c0 1.33-1.197 1.736-2.6.131"/></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M2%2026.431c0-.73.592-1.321%201.322-1.321h.99a1.322%201.322%200%200%201%200%202.643h-.99c-.73%200-1.322-.592-1.322-1.322%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M19.783%2018h9.435c.695%200%201.045-.876.55-1.392l-2.178-2.272a4.244%204.244%200%200%200-6.181%200l-2.179%202.272c-.492.514-.142%201.392.553%201.392m-15%200h9.434c.695%200%201.045-.878.553-1.392l-2.18-2.272a4.243%204.243%200%200%200-6.182%200L4.23%2016.608c-.492.514-.142%201.392.553%201.392%22%2F%3E%3Cpath%20fill%3D%22%23feefc2%22%20d%3D%22M16.7%202.029c4.92-.708%207.96%2011.897%205.745%2016.99c-2.215%205.094-6.997%206.21-12.07%208.204a4.7%204.7%200%200%201-1.705.325c-1.924%200-2.97%201.582-3.7-.375c-.942-2.535.293-5.376%202.76-6.344c2.684-1.053%204.111-3.077%205.185-5.818c1.096-2.795%201.17-3.941%201.166-6.988c-.005-2.437-.165-5.594%202.619-5.994%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22m22.445%2019.02l-9.46-4.344c-1.086%202.498-3.053%204.411-5.54%205.39c-2.881%201.132-4.807%204.23-3.23%207.386c3.151%206.304%2018.23-.066%2018.23-8.433%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.24%2016.482a.75.75%200%200%201%20.486.942c-1.98%206.201-7.756%209.065-12.918%209.33a.75.75%200%200%201-.077-1.498c4.738-.243%209.83-2.852%2011.566-8.288a.75.75%200%200%201%20.943-.486%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22m23.24%2026.467l-10.197-11.78h9.004c2.126.107%203.794%201.91%203.794%204.097v7.552c0%201.33-1.197%201.736-2.6.131%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23f3ad61%22%20d%3D%22M2%2026.431c0-.73.592-1.321%201.322-1.321h.99a1.322%201.322%200%200%201%200%202.643h-.99c-.73%200-1.322-.592-1.322-1.322%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20d%3D%22M19.783%2018h9.435c.695%200%201.045-.876.55-1.392l-2.178-2.272a4.244%204.244%200%200%200-6.181%200l-2.179%202.272c-.492.514-.142%201.392.553%201.392m-15%200h9.434c.695%200%201.045-.878.553-1.392l-2.18-2.272a4.243%204.243%200%200%200-6.182%200L4.23%2016.608c-.492.514-.142%201.392.553%201.392%22%2F%3E%3Cpath%20fill%3D%22%23feefc2%22%20d%3D%22M16.7%202.029c4.92-.708%207.96%2011.897%205.745%2016.99c-2.215%205.094-6.997%206.21-12.07%208.204a4.7%204.7%200%200%201-1.705.325c-1.924%200-2.97%201.582-3.7-.375c-.942-2.535.293-5.376%202.76-6.344c2.684-1.053%204.111-3.077%205.185-5.818c1.096-2.795%201.17-3.941%201.166-6.988c-.005-2.437-.165-5.594%202.619-5.994%22%2F%3E%3Cpath%20fill%3D%22%23fcd53f%22%20d%3D%22m22.445%2019.02l-9.46-4.344c-1.086%202.498-3.053%204.411-5.54%205.39c-2.881%201.132-4.807%204.23-3.23%207.386c3.151%206.304%2018.23-.066%2018.23-8.433%22%2F%3E%3Cpath%20fill%3D%22%23f9c23c%22%20fill-rule%3D%22evenodd%22%20d%3D%22M18.24%2016.482a.75.75%200%200%201%20.486.942c-1.98%206.201-7.756%209.065-12.918%209.33a.75.75%200%200%201-.077-1.498c4.738-.243%209.83-2.852%2011.566-8.288a.75.75%200%200%201%20.943-.486%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff478%22%20d%3D%22m23.24%2026.467l-10.197-11.78h9.004c2.126.107%203.794%201.91%203.794%204.097v7.552c0%201.33-1.197%201.736-2.6.131%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/banana.svg?color=%231a73e8&size=48
