banana icon
banana from IconPark TwoTone by ByteDance · Two tone · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- banana
- Set
- IconPark TwoTone
- Style
- Two tone
- Category
- Foods
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More foods icons from IconPark TwoTone
Use the banana icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG6gpXUYuA"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M16 32c-2.8-.933-6.035-3.173-7.476-5.425a1.7 1.7 0 0 1-.245-1.043l.245-3.75c.053-.81 1.01-1.24 1.671-.77C12.33 22.529 16.228 25 19 25c7 0 13-2.5 16-8"/><path fill="#555" d="M26 43c10-2 19.242-12.485 16.867-23.059L41.999 16V8l-6-1c0 12.941-3 23-16 25c-5.976.92-11.705-.386-16.129-2.922L5 36c2 5 11 9 21 7"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG6gpXUYuA)"/></svg>
React
import type { SVGProps } from "react";
export function IconParkTwotoneBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG6gpXUYuA"><g fill="none" stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M16 32c-2.8-.933-6.035-3.173-7.476-5.425a1.7 1.7 0 0 1-.245-1.043l.245-3.75c.053-.81 1.01-1.24 1.671-.77C12.33 22.529 16.228 25 19 25c7 0 13-2.5 16-8"/><path fill="#555" d="M26 43c10-2 19.242-12.485 16.867-23.059L41.999 16V8l-6-1c0 12.941-3 23-16 25c-5.976.92-11.705-.386-16.129-2.922L5 36c2 5 11 9 21 7"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG6gpXUYuA)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><defs><mask id="SVG6gpXUYuA"><g fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M16 32c-2.8-.933-6.035-3.173-7.476-5.425a1.7 1.7 0 0 1-.245-1.043l.245-3.75c.053-.81 1.01-1.24 1.671-.77C12.33 22.529 16.228 25 19 25c7 0 13-2.5 16-8"/><path fill="#555" d="M26 43c10-2 19.242-12.485 16.867-23.059L41.999 16V8l-6-1c0 12.941-3 23-16 25c-5.976.92-11.705-.386-16.129-2.922L5 36c2 5 11 9 21 7"/></g></mask></defs><path fill="currentColor" d="M0 0h48v48H0z" mask="url(#SVG6gpXUYuA)"/></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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVG6gpXUYuA%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M16%2032c-2.8-.933-6.035-3.173-7.476-5.425a1.7%201.7%200%200%201-.245-1.043l.245-3.75c.053-.81%201.01-1.24%201.671-.77C12.33%2022.529%2016.228%2025%2019%2025c7%200%2013-2.5%2016-8%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M26%2043c10-2%2019.242-12.485%2016.867-23.059L41.999%2016V8l-6-1c0%2012.941-3%2023-16%2025c-5.976.92-11.705-.386-16.129-2.922L5%2036c2%205%2011%209%2021%207%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVG6gpXUYuA)%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%2048%2048%22%3E%3Cdefs%3E%3Cmask%20id%3D%22SVG6gpXUYuA%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M16%2032c-2.8-.933-6.035-3.173-7.476-5.425a1.7%201.7%200%200%201-.245-1.043l.245-3.75c.053-.81%201.01-1.24%201.671-.77C12.33%2022.529%2016.228%2025%2019%2025c7%200%2013-2.5%2016-8%22%2F%3E%3Cpath%20fill%3D%22%23555%22%20d%3D%22M26%2043c10-2%2019.242-12.485%2016.867-23.059L41.999%2016V8l-6-1c0%2012.941-3%2023-16%2025c-5.976.92-11.705-.386-16.129-2.922L5%2036c2%205%2011%209%2021%207%22%2F%3E%3C%2Fg%3E%3C%2Fmask%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M0%200h48v48H0z%22%20mask%3D%22url(%23SVG6gpXUYuA)%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-twotone/banana.svg?color=%231a73e8&size=48
