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 Emoji bananaFluent Emoji Flat bananaFluent Emoji High Contrast bananaFirefox OS Emoji bananaHuge Icons bananaIconPark bananaIconPark Outline bananaIconPark Solid bananaIconPark TwoTone bananaLucide bananaNoto Emoji bananaOpenMoji bananaTabler Icons bananaWeb3 Icons Branded bananaTwitter 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