banana icon
banana from IconPark Solid by ByteDance · Solid · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- banana
- Set
- IconPark Solid
- Style
- Solid
- 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 TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More foods icons from IconPark Solid
Use the banana icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" 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="currentColor" 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></svg>
React
import type { SVGProps } from "react";
export function IconParkSolidBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" 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="currentColor" 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></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" 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="currentColor" 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></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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%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%22currentColor%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%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%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%22currentColor%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%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park-solid/banana.svg?color=%231a73e8&size=48
