banana icon
banana from Tabler Icons by Paweł Kuna · Outline · MIT Free for personal and commercial use.
- Name
- banana
- Set
- Tabler Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTDesign 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="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 6V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a9.09 9.09 0 0 1-4 8.08c-2 1.31-5 1.57-7 1.59a2 2 0 0 0-2 2a2 2 0 0 0 1.16 1.81c2.69 1.2 9.46 3.44 14.35-1.66C23 13.08 20 6 20 6"/></svg>
React
import type { SVGProps } from "react";
export function TablerBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M20 6V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a9.09 9.09 0 0 1-4 8.08c-2 1.31-5 1.57-7 1.59a2 2 0 0 0-2 2a2 2 0 0 0 1.16 1.81c2.69 1.2 9.46 3.44 14.35-1.66C23 13.08 20 6 20 6"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20 6V4a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v2a9.09 9.09 0 0 1-4 8.08c-2 1.31-5 1.57-7 1.59a2 2 0 0 0-2 2a2 2 0 0 0 1.16 1.81c2.69 1.2 9.46 3.44 14.35-1.66C23 13.08 20 6 20 6"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M20%206V4a1%201%200%200%200-1-1h-2a1%201%200%200%200-1%201v2a9.09%209.09%200%200%201-4%208.08c-2%201.31-5%201.57-7%201.59a2%202%200%200%200-2%202a2%202%200%200%200%201.16%201.81c2.69%201.2%209.46%203.44%2014.35-1.66C23%2013.08%2020%206%2020%206%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M20%206V4a1%201%200%200%200-1-1h-2a1%201%200%200%200-1%201v2a9.09%209.09%200%200%201-4%208.08c-2%201.31-5%201.57-7%201.59a2%202%200%200%200-2%202a2%202%200%200%200%201.16%201.81c2.69%201.2%209.46%203.44%2014.35-1.66C23%2013.08%2020%206%2020%206%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/banana.svg?color=%231a73e8&size=48
