banana icon
banana from IconPark by ByteDance · Color · Foods · Apache-2.0 Free for personal and commercial use.
- Name
- banana
- Set
- IconPark
- Style
- Color
- 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 IconsbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
More foods icons from IconPark
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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M15.9993 32C13.1998 31.0668 9.96483 28.8274 8.52376 26.5745C8.32636 26.2659 8.25521 25.8975 8.27911 25.5319L8.52427 21.7819C8.57721 20.9722 9.53405 20.5412 10.1952 21.0115C12.3289 22.5293 16.2279 25 18.9993 25C25.9993 25 31.9993 22.5 34.9993 17"/><path fill="#2F88FF" d="M25.9994 43C35.9993 40.9999 45.2422 30.5149 42.867 19.9413L41.9993 16L41.9993 7.99998L35.9993 6.99997C35.9993 19.9413 32.9995 30 19.9994 32C14.0231 32.9194 8.29412 31.6136 3.87018 29.0781L4.99939 36C6.99933 41 15.9995 45 25.9994 43Z"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkBanana(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="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4"><path d="M15.9993 32C13.1998 31.0668 9.96483 28.8274 8.52376 26.5745C8.32636 26.2659 8.25521 25.8975 8.27911 25.5319L8.52427 21.7819C8.57721 20.9722 9.53405 20.5412 10.1952 21.0115C12.3289 22.5293 16.2279 25 18.9993 25C25.9993 25 31.9993 22.5 34.9993 17"/><path fill="#2F88FF" d="M25.9994 43C35.9993 40.9999 45.2422 30.5149 42.867 19.9413L41.9993 16L41.9993 7.99998L35.9993 6.99997C35.9993 19.9413 32.9995 30 19.9994 32C14.0231 32.9194 8.29412 31.6136 3.87018 29.0781L4.99939 36C6.99933 41 15.9995 45 25.9994 43Z"/></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="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><path d="M15.9993 32C13.1998 31.0668 9.96483 28.8274 8.52376 26.5745C8.32636 26.2659 8.25521 25.8975 8.27911 25.5319L8.52427 21.7819C8.57721 20.9722 9.53405 20.5412 10.1952 21.0115C12.3289 22.5293 16.2279 25 18.9993 25C25.9993 25 31.9993 22.5 34.9993 17"/><path fill="#2F88FF" d="M25.9994 43C35.9993 40.9999 45.2422 30.5149 42.867 19.9413L41.9993 16L41.9993 7.99998L35.9993 6.99997C35.9993 19.9413 32.9995 30 19.9994 32C14.0231 32.9194 8.29412 31.6136 3.87018 29.0781L4.99939 36C6.99933 41 15.9995 45 25.9994 43Z"/></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%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M15.9993%2032C13.1998%2031.0668%209.96483%2028.8274%208.52376%2026.5745C8.32636%2026.2659%208.25521%2025.8975%208.27911%2025.5319L8.52427%2021.7819C8.57721%2020.9722%209.53405%2020.5412%2010.1952%2021.0115C12.3289%2022.5293%2016.2279%2025%2018.9993%2025C25.9993%2025%2031.9993%2022.5%2034.9993%2017%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M25.9994%2043C35.9993%2040.9999%2045.2422%2030.5149%2042.867%2019.9413L41.9993%2016L41.9993%207.99998L35.9993%206.99997C35.9993%2019.9413%2032.9995%2030%2019.9994%2032C14.0231%2032.9194%208.29412%2031.6136%203.87018%2029.0781L4.99939%2036C6.99933%2041%2015.9995%2045%2025.9994%2043Z%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%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%3E%3Cpath%20d%3D%22M15.9993%2032C13.1998%2031.0668%209.96483%2028.8274%208.52376%2026.5745C8.32636%2026.2659%208.25521%2025.8975%208.27911%2025.5319L8.52427%2021.7819C8.57721%2020.9722%209.53405%2020.5412%2010.1952%2021.0115C12.3289%2022.5293%2016.2279%2025%2018.9993%2025C25.9993%2025%2031.9993%2022.5%2034.9993%2017%22%2F%3E%3Cpath%20fill%3D%22%232F88FF%22%20d%3D%22M25.9994%2043C35.9993%2040.9999%2045.2422%2030.5149%2042.867%2019.9413L41.9993%2016L41.9993%207.99998L35.9993%206.99997C35.9993%2019.9413%2032.9995%2030%2019.9994%2032C14.0231%2032.9194%208.29412%2031.6136%203.87018%2029.0781L4.99939%2036C6.99933%2041%2015.9995%2045%2025.9994%2043Z%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/banana.svg?color=%231a73e8&size=48
