banana icon
banana-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.
- Name
- banana-filled
- Set
- TDesign Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in TDesign Icons
The same icon in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaWeb3 Icons BrandedbananaTwitter Emoji
Use the banana icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.6 1.501l3.3 1.5v5.5c3.04 3.828-.448 11.442-7.691 13.122C6.965 23.304 1 19.5 1 15.501C1 14 1.738 13.195 3 14s3.098 1.683 4.86 2.072C13.223 17.253 17.919 14.5 18.6 8.5z"/><path fill="currentColor" d="M8.237 15.072C13.11 16.253 17.379 13.5 18 7.5c-.678 1.385-2.064 3.703-7 4c-2.883.173-5.449-.803-6.183-1.152c-.734-.35-1.137.152-.921 1.026s1.26 2.727 4.34 3.697"/></svg>
React
import type { SVGProps } from "react";
export function TdesignBananaFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.6 1.501l3.3 1.5v5.5c3.04 3.828-.448 11.442-7.691 13.122C6.965 23.304 1 19.5 1 15.501C1 14 1.738 13.195 3 14s3.098 1.683 4.86 2.072C13.223 17.253 17.919 14.5 18.6 8.5z"/><path fill="currentColor" d="M8.237 15.072C13.11 16.253 17.379 13.5 18 7.5c-.678 1.385-2.064 3.703-7 4c-2.883.173-5.449-.803-6.183-1.152c-.734-.35-1.137.152-.921 1.026s1.26 2.727 4.34 3.697"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m18.6 1.501l3.3 1.5v5.5c3.04 3.828-.448 11.442-7.691 13.122C6.965 23.304 1 19.5 1 15.501C1 14 1.738 13.195 3 14s3.098 1.683 4.86 2.072C13.223 17.253 17.919 14.5 18.6 8.5z"/><path fill="currentColor" d="M8.237 15.072C13.11 16.253 17.379 13.5 18 7.5c-.678 1.385-2.064 3.703-7 4c-2.883.173-5.449-.803-6.183-1.152c-.734-.35-1.137.152-.921 1.026s1.26 2.727 4.34 3.697"/></svg> </template>
CSS
.icon-banana-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.6%201.501l3.3%201.5v5.5c3.04%203.828-.448%2011.442-7.691%2013.122C6.965%2023.304%201%2019.5%201%2015.501C1%2014%201.738%2013.195%203%2014s3.098%201.683%204.86%202.072C13.223%2017.253%2017.919%2014.5%2018.6%208.5z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.237%2015.072C13.11%2016.253%2017.379%2013.5%2018%207.5c-.678%201.385-2.064%203.703-7%204c-2.883.173-5.449-.803-6.183-1.152c-.734-.35-1.137.152-.921%201.026s1.26%202.727%204.34%203.697%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m18.6%201.501l3.3%201.5v5.5c3.04%203.828-.448%2011.442-7.691%2013.122C6.965%2023.304%201%2019.5%201%2015.501C1%2014%201.738%2013.195%203%2014s3.098%201.683%204.86%202.072C13.223%2017.253%2017.919%2014.5%2018.6%208.5z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M8.237%2015.072C13.11%2016.253%2017.379%2013.5%2018%207.5c-.678%201.385-2.064%203.703-7%204c-2.883.173-5.449-.803-6.183-1.152c-.734-.35-1.137.152-.921%201.026s1.26%202.727%204.34%203.697%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/banana-filled.svg?color=%231a73e8&size=48
