banana emoji
banana from Fluent Emoji High Contrast by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.
- Name
- banana
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More food & drink icons from Fluent Emoji High Contrast
Use the banana emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.123 17.547H4.607c-.685 0-1.029-.852-.544-1.35l2.144-2.203a4.22 4.22 0 0 1 6.086 0l.684.702l.009-.02l.05.023c.98-2.573 1.049-3.745 1.045-6.676l-.002-.368c-.011-2.375-.025-5.246 2.62-5.626c3.471-.5 6.006 5.626 6.421 11.066a4.22 4.22 0 0 1 4.507 1.032l2.145 2.204c.486.5.142 1.35-.543 1.35h-3.534c.095.35.146.721.146 1.103v7.552c0 1.219-1.325 1.723-2.135.767c-.305-.359-1.423-1.666-2.875-3.36c-3.893 5.578-13.687 8.618-16.452 4.008l-.066.002h-.991a1.322 1.322 0 0 1 0-2.643h.327c.019-2.25 1.64-4.197 3.796-5.044a9.9 9.9 0 0 0 3.678-2.52m10.057-2.86q0-.255-.006-.518a21 21 0 0 0-.844-5.251c-.507-1.71-1.182-3.106-1.899-3.99c-.726-.895-1.209-.954-1.447-.92c-.297.043-.389.13-.429.172c-.067.07-.18.234-.279.6c-.203.756-.2 1.715-.196 2.915v.324c.003 1.513-.012 2.706-.193 3.893c-.139.912-.368 1.78-.717 2.774zm-4.624 4.074c-2.182 4.222-6.642 6.28-10.825 6.495a.75.75 0 1 0 .077 1.498c4.392-.225 9.229-2.332 11.794-6.776z"/></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.123 17.547H4.607c-.685 0-1.029-.852-.544-1.35l2.144-2.203a4.22 4.22 0 0 1 6.086 0l.684.702l.009-.02l.05.023c.98-2.573 1.049-3.745 1.045-6.676l-.002-.368c-.011-2.375-.025-5.246 2.62-5.626c3.471-.5 6.006 5.626 6.421 11.066a4.22 4.22 0 0 1 4.507 1.032l2.145 2.204c.486.5.142 1.35-.543 1.35h-3.534c.095.35.146.721.146 1.103v7.552c0 1.219-1.325 1.723-2.135.767c-.305-.359-1.423-1.666-2.875-3.36c-3.893 5.578-13.687 8.618-16.452 4.008l-.066.002h-.991a1.322 1.322 0 0 1 0-2.643h.327c.019-2.25 1.64-4.197 3.796-5.044a9.9 9.9 0 0 0 3.678-2.52m10.057-2.86q0-.255-.006-.518a21 21 0 0 0-.844-5.251c-.507-1.71-1.182-3.106-1.899-3.99c-.726-.895-1.209-.954-1.447-.92c-.297.043-.389.13-.429.172c-.067.07-.18.234-.279.6c-.203.756-.2 1.715-.196 2.915v.324c.003 1.513-.012 2.706-.193 3.893c-.139.912-.368 1.78-.717 2.774zm-4.624 4.074c-2.182 4.222-6.642 6.28-10.825 6.495a.75.75 0 1 0 .077 1.498c4.392-.225 9.229-2.332 11.794-6.776z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M11.123 17.547H4.607c-.685 0-1.029-.852-.544-1.35l2.144-2.203a4.22 4.22 0 0 1 6.086 0l.684.702l.009-.02l.05.023c.98-2.573 1.049-3.745 1.045-6.676l-.002-.368c-.011-2.375-.025-5.246 2.62-5.626c3.471-.5 6.006 5.626 6.421 11.066a4.22 4.22 0 0 1 4.507 1.032l2.145 2.204c.486.5.142 1.35-.543 1.35h-3.534c.095.35.146.721.146 1.103v7.552c0 1.219-1.325 1.723-2.135.767c-.305-.359-1.423-1.666-2.875-3.36c-3.893 5.578-13.687 8.618-16.452 4.008l-.066.002h-.991a1.322 1.322 0 0 1 0-2.643h.327c.019-2.25 1.64-4.197 3.796-5.044a9.9 9.9 0 0 0 3.678-2.52m10.057-2.86q0-.255-.006-.518a21 21 0 0 0-.844-5.251c-.507-1.71-1.182-3.106-1.899-3.99c-.726-.895-1.209-.954-1.447-.92c-.297.043-.389.13-.429.172c-.067.07-.18.234-.279.6c-.203.756-.2 1.715-.196 2.915v.324c.003 1.513-.012 2.706-.193 3.893c-.139.912-.368 1.78-.717 2.774zm-4.624 4.074c-2.182 4.222-6.642 6.28-10.825 6.495a.75.75 0 1 0 .077 1.498c4.392-.225 9.229-2.332 11.794-6.776z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.123%2017.547H4.607c-.685%200-1.029-.852-.544-1.35l2.144-2.203a4.22%204.22%200%200%201%206.086%200l.684.702l.009-.02l.05.023c.98-2.573%201.049-3.745%201.045-6.676l-.002-.368c-.011-2.375-.025-5.246%202.62-5.626c3.471-.5%206.006%205.626%206.421%2011.066a4.22%204.22%200%200%201%204.507%201.032l2.145%202.204c.486.5.142%201.35-.543%201.35h-3.534c.095.35.146.721.146%201.103v7.552c0%201.219-1.325%201.723-2.135.767c-.305-.359-1.423-1.666-2.875-3.36c-3.893%205.578-13.687%208.618-16.452%204.008l-.066.002h-.991a1.322%201.322%200%200%201%200-2.643h.327c.019-2.25%201.64-4.197%203.796-5.044a9.9%209.9%200%200%200%203.678-2.52m10.057-2.86q0-.255-.006-.518a21%2021%200%200%200-.844-5.251c-.507-1.71-1.182-3.106-1.899-3.99c-.726-.895-1.209-.954-1.447-.92c-.297.043-.389.13-.429.172c-.067.07-.18.234-.279.6c-.203.756-.2%201.715-.196%202.915v.324c.003%201.513-.012%202.706-.193%203.893c-.139.912-.368%201.78-.717%202.774zm-4.624%204.074c-2.182%204.222-6.642%206.28-10.825%206.495a.75.75%200%201%200%20.077%201.498c4.392-.225%209.229-2.332%2011.794-6.776z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.123%2017.547H4.607c-.685%200-1.029-.852-.544-1.35l2.144-2.203a4.22%204.22%200%200%201%206.086%200l.684.702l.009-.02l.05.023c.98-2.573%201.049-3.745%201.045-6.676l-.002-.368c-.011-2.375-.025-5.246%202.62-5.626c3.471-.5%206.006%205.626%206.421%2011.066a4.22%204.22%200%200%201%204.507%201.032l2.145%202.204c.486.5.142%201.35-.543%201.35h-3.534c.095.35.146.721.146%201.103v7.552c0%201.219-1.325%201.723-2.135.767c-.305-.359-1.423-1.666-2.875-3.36c-3.893%205.578-13.687%208.618-16.452%204.008l-.066.002h-.991a1.322%201.322%200%200%201%200-2.643h.327c.019-2.25%201.64-4.197%203.796-5.044a9.9%209.9%200%200%200%203.678-2.52m10.057-2.86q0-.255-.006-.518a21%2021%200%200%200-.844-5.251c-.507-1.71-1.182-3.106-1.899-3.99c-.726-.895-1.209-.954-1.447-.92c-.297.043-.389.13-.429.172c-.067.07-.18.234-.279.6c-.203.756-.2%201.715-.196%202.915v.324c.003%201.513-.012%202.706-.193%203.893c-.139.912-.368%201.78-.717%202.774zm-4.624%204.074c-2.182%204.222-6.642%206.28-10.825%206.495a.75.75%200%201%200%20.077%201.498c4.392-.225%209.229-2.332%2011.794-6.776z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/banana.svg?color=%231a73e8&size=48
