banana icon
banana from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- banana
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign 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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M14 11.917c2-1.008 4.478-.164 5.578 2.269c1.65 3.65-1.816 7.697-5.57 7.811a.8.8 0 0 1-.322-.056c-2.747-1.143 3.786-5.2 1.646-7.393M12.26 13c.493-1.862-.29-3.741-2.265-3.276c-1.196.282-1.479 1.16-2.202 1.233c-.562.057-.909-.585-.758-1.121C8.11 6.022 15.5 6.03 15.5 10.007"/><path d="M14 18.908c-2.192 1.092-6.872 1.706-8.98.172c-.578-.42-1.32-.293-1.995-.293c-1.636 0-1.174-3.188.414-2.574c.561.218 1.582.5 2.344.068c4.901-2.778 10.213-3.257 11.964-10.567C18.526 2.46 18.751 2 20.053 2s2.866 3.001 1.273 7.958c-.42 1.31-.918 2.62-1.63 3.841"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsBanana(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M14 11.917c2-1.008 4.478-.164 5.578 2.269c1.65 3.65-1.816 7.697-5.57 7.811a.8.8 0 0 1-.322-.056c-2.747-1.143 3.786-5.2 1.646-7.393M12.26 13c.493-1.862-.29-3.741-2.265-3.276c-1.196.282-1.479 1.16-2.202 1.233c-.562.057-.909-.585-.758-1.121C8.11 6.022 15.5 6.03 15.5 10.007"/><path d="M14 18.908c-2.192 1.092-6.872 1.706-8.98.172c-.578-.42-1.32-.293-1.995-.293c-1.636 0-1.174-3.188.414-2.574c.561.218 1.582.5 2.344.068c4.901-2.778 10.213-3.257 11.964-10.567C18.526 2.46 18.751 2 20.053 2s2.866 3.001 1.273 7.958c-.42 1.31-.918 2.62-1.63 3.841"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M14 11.917c2-1.008 4.478-.164 5.578 2.269c1.65 3.65-1.816 7.697-5.57 7.811a.8.8 0 0 1-.322-.056c-2.747-1.143 3.786-5.2 1.646-7.393M12.26 13c.493-1.862-.29-3.741-2.265-3.276c-1.196.282-1.479 1.16-2.202 1.233c-.562.057-.909-.585-.758-1.121C8.11 6.022 15.5 6.03 15.5 10.007"/><path d="M14 18.908c-2.192 1.092-6.872 1.706-8.98.172c-.578-.42-1.32-.293-1.995-.293c-1.636 0-1.174-3.188.414-2.574c.561.218 1.582.5 2.344.068c4.901-2.778 10.213-3.257 11.964-10.567C18.526 2.46 18.751 2 20.053 2s2.866 3.001 1.273 7.958c-.42 1.31-.918 2.62-1.63 3.841"/></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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14%2011.917c2-1.008%204.478-.164%205.578%202.269c1.65%203.65-1.816%207.697-5.57%207.811a.8.8%200%200%201-.322-.056c-2.747-1.143%203.786-5.2%201.646-7.393M12.26%2013c.493-1.862-.29-3.741-2.265-3.276c-1.196.282-1.479%201.16-2.202%201.233c-.562.057-.909-.585-.758-1.121C8.11%206.022%2015.5%206.03%2015.5%2010.007%22%2F%3E%3Cpath%20d%3D%22M14%2018.908c-2.192%201.092-6.872%201.706-8.98.172c-.578-.42-1.32-.293-1.995-.293c-1.636%200-1.174-3.188.414-2.574c.561.218%201.582.5%202.344.068c4.901-2.778%2010.213-3.257%2011.964-10.567C18.526%202.46%2018.751%202%2020.053%202s2.866%203.001%201.273%207.958c-.42%201.31-.918%202.62-1.63%203.841%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M14%2011.917c2-1.008%204.478-.164%205.578%202.269c1.65%203.65-1.816%207.697-5.57%207.811a.8.8%200%200%201-.322-.056c-2.747-1.143%203.786-5.2%201.646-7.393M12.26%2013c.493-1.862-.29-3.741-2.265-3.276c-1.196.282-1.479%201.16-2.202%201.233c-.562.057-.909-.585-.758-1.121C8.11%206.022%2015.5%206.03%2015.5%2010.007%22%2F%3E%3Cpath%20d%3D%22M14%2018.908c-2.192%201.092-6.872%201.706-8.98.172c-.578-.42-1.32-.293-1.995-.293c-1.636%200-1.174-3.188.414-2.574c.561.218%201.582.5%202.344.068c4.901-2.778%2010.213-3.257%2011.964-10.567C18.526%202.46%2018.751%202%2020.053%202s2.866%203.001%201.273%207.958c-.42%201.31-.918%202.62-1.63%203.841%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/banana.svg?color=%231a73e8&size=48
