banana logo
banana from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- banana
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
bananaEmoji One (Colored)bananaFluent EmojibananaFluent Emoji FlatbananaFluent Emoji High ContrastbananaFirefox OS EmojibananaHuge IconsbananaIconParkbananaIconPark OutlinebananaIconPark SolidbananaIconPark TwoTonebananaLucidebananaNoto EmojibananaOpenMojibananaTabler IconsbananaTDesign IconsbananaTwitter Emoji
Use the banana logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#7D551F" d="M4.486 18.78a.325.325 0 0 1-.325-.323l.006-.325l1.962.022l-.01.649z"/><path fill="#AC752C" d="M4.503 17.489a.324.324 0 0 0-.325.324l-.01.32l1.962.02l.005-.648z"/><path fill="#FFCA28" d="M8.39 8.455c-.655 0-.325.968 1.632 2.255a7 7 0 0 1 2.611 3.227l2.611-1.935C13.287 8.774 9.038 8.455 8.39 8.455"/><path fill="#FFD770" d="M14.352 3.643c0-1.313.638-1.643.979-1.643c4.081 0 3.297 8.18 2.762 10.19c-1.405 5.26-8.163 7.234-9.86 7.234c-1.704 0-2.38-.33-2.72-1.319c-.27-.79.795-1.206 1.357-1.314c1.476-.432 4.833-2.103 6.466-5.26c2.038-3.946 1.016-6.244 1.016-7.888"/><path fill="#FFEA8C" d="M15.33 2c-.34 0-.973.324-.973 1.643c0 .368.05.763.109 1.206c.189 1.546.454 3.622-1.136 6.682c-1.627 3.157-4.984 4.823-6.46 5.26c-.562.108-1.633.525-1.357 1.314c.319.92.93 1.27 2.395 1.314a2 2 0 0 1-.357-.654c-.27-.79.795-1.206 1.362-1.314c1.47-.438 4.785-1.779 6.418-4.93c1.638-3.169 1.362-6.574 1.021-8.548C16.158 2.838 15.331 2 15.331 2"/><path fill="#FFB300" d="M17.758 13.175c-1.925 4.525-7.936 6.25-9.526 6.25c-1.703 0-2.378-.33-2.72-1.32c-.27-.79.796-1.205 1.358-1.313c1.195-.352 3.622-1.514 5.368-3.617z"/><path fill="#FFD54F" d="M14.996 13.175c-2.4 3.546-7.374 4.936-8.801 4.936c-.254 0-.487 0-.692-.022c-.243-.773.81-1.184 1.368-1.292c1.194-.352 3.622-1.514 5.368-3.617h2.757z"/><path fill="#FFCA28" d="M19.839 16.591c0-3.584-3.66-4.822-7.58-3.427c1.2.535 3.46 1.892 3.985 3.427c.443 1.287.14 3.568-.163 5.028c-.054.276.25.487.482.325c1.946-1.363 3.276-3.617 3.276-5.347z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBanana(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"><path fill="#7D551F" d="M4.486 18.78a.325.325 0 0 1-.325-.323l.006-.325l1.962.022l-.01.649z"/><path fill="#AC752C" d="M4.503 17.489a.324.324 0 0 0-.325.324l-.01.32l1.962.02l.005-.648z"/><path fill="#FFCA28" d="M8.39 8.455c-.655 0-.325.968 1.632 2.255a7 7 0 0 1 2.611 3.227l2.611-1.935C13.287 8.774 9.038 8.455 8.39 8.455"/><path fill="#FFD770" d="M14.352 3.643c0-1.313.638-1.643.979-1.643c4.081 0 3.297 8.18 2.762 10.19c-1.405 5.26-8.163 7.234-9.86 7.234c-1.704 0-2.38-.33-2.72-1.319c-.27-.79.795-1.206 1.357-1.314c1.476-.432 4.833-2.103 6.466-5.26c2.038-3.946 1.016-6.244 1.016-7.888"/><path fill="#FFEA8C" d="M15.33 2c-.34 0-.973.324-.973 1.643c0 .368.05.763.109 1.206c.189 1.546.454 3.622-1.136 6.682c-1.627 3.157-4.984 4.823-6.46 5.26c-.562.108-1.633.525-1.357 1.314c.319.92.93 1.27 2.395 1.314a2 2 0 0 1-.357-.654c-.27-.79.795-1.206 1.362-1.314c1.47-.438 4.785-1.779 6.418-4.93c1.638-3.169 1.362-6.574 1.021-8.548C16.158 2.838 15.331 2 15.331 2"/><path fill="#FFB300" d="M17.758 13.175c-1.925 4.525-7.936 6.25-9.526 6.25c-1.703 0-2.378-.33-2.72-1.32c-.27-.79.796-1.205 1.358-1.313c1.195-.352 3.622-1.514 5.368-3.617z"/><path fill="#FFD54F" d="M14.996 13.175c-2.4 3.546-7.374 4.936-8.801 4.936c-.254 0-.487 0-.692-.022c-.243-.773.81-1.184 1.368-1.292c1.194-.352 3.622-1.514 5.368-3.617h2.757z"/><path fill="#FFCA28" d="M19.839 16.591c0-3.584-3.66-4.822-7.58-3.427c1.2.535 3.46 1.892 3.985 3.427c.443 1.287.14 3.568-.163 5.028c-.054.276.25.487.482.325c1.946-1.363 3.276-3.617 3.276-5.347z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#7D551F" d="M4.486 18.78a.325.325 0 0 1-.325-.323l.006-.325l1.962.022l-.01.649z"/><path fill="#AC752C" d="M4.503 17.489a.324.324 0 0 0-.325.324l-.01.32l1.962.02l.005-.648z"/><path fill="#FFCA28" d="M8.39 8.455c-.655 0-.325.968 1.632 2.255a7 7 0 0 1 2.611 3.227l2.611-1.935C13.287 8.774 9.038 8.455 8.39 8.455"/><path fill="#FFD770" d="M14.352 3.643c0-1.313.638-1.643.979-1.643c4.081 0 3.297 8.18 2.762 10.19c-1.405 5.26-8.163 7.234-9.86 7.234c-1.704 0-2.38-.33-2.72-1.319c-.27-.79.795-1.206 1.357-1.314c1.476-.432 4.833-2.103 6.466-5.26c2.038-3.946 1.016-6.244 1.016-7.888"/><path fill="#FFEA8C" d="M15.33 2c-.34 0-.973.324-.973 1.643c0 .368.05.763.109 1.206c.189 1.546.454 3.622-1.136 6.682c-1.627 3.157-4.984 4.823-6.46 5.26c-.562.108-1.633.525-1.357 1.314c.319.92.93 1.27 2.395 1.314a2 2 0 0 1-.357-.654c-.27-.79.795-1.206 1.362-1.314c1.47-.438 4.785-1.779 6.418-4.93c1.638-3.169 1.362-6.574 1.021-8.548C16.158 2.838 15.331 2 15.331 2"/><path fill="#FFB300" d="M17.758 13.175c-1.925 4.525-7.936 6.25-9.526 6.25c-1.703 0-2.378-.33-2.72-1.32c-.27-.79.796-1.205 1.358-1.313c1.195-.352 3.622-1.514 5.368-3.617z"/><path fill="#FFD54F" d="M14.996 13.175c-2.4 3.546-7.374 4.936-8.801 4.936c-.254 0-.487 0-.692-.022c-.243-.773.81-1.184 1.368-1.292c1.194-.352 3.622-1.514 5.368-3.617h2.757z"/><path fill="#FFCA28" d="M19.839 16.591c0-3.584-3.66-4.822-7.58-3.427c1.2.535 3.46 1.892 3.985 3.427c.443 1.287.14 3.568-.163 5.028c-.054.276.25.487.482.325c1.946-1.363 3.276-3.617 3.276-5.347z"/></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%3E%3Cpath%20fill%3D%22%237D551F%22%20d%3D%22M4.486%2018.78a.325.325%200%200%201-.325-.323l.006-.325l1.962.022l-.01.649z%22%2F%3E%3Cpath%20fill%3D%22%23AC752C%22%20d%3D%22M4.503%2017.489a.324.324%200%200%200-.325.324l-.01.32l1.962.02l.005-.648z%22%2F%3E%3Cpath%20fill%3D%22%23FFCA28%22%20d%3D%22M8.39%208.455c-.655%200-.325.968%201.632%202.255a7%207%200%200%201%202.611%203.227l2.611-1.935C13.287%208.774%209.038%208.455%208.39%208.455%22%2F%3E%3Cpath%20fill%3D%22%23FFD770%22%20d%3D%22M14.352%203.643c0-1.313.638-1.643.979-1.643c4.081%200%203.297%208.18%202.762%2010.19c-1.405%205.26-8.163%207.234-9.86%207.234c-1.704%200-2.38-.33-2.72-1.319c-.27-.79.795-1.206%201.357-1.314c1.476-.432%204.833-2.103%206.466-5.26c2.038-3.946%201.016-6.244%201.016-7.888%22%2F%3E%3Cpath%20fill%3D%22%23FFEA8C%22%20d%3D%22M15.33%202c-.34%200-.973.324-.973%201.643c0%20.368.05.763.109%201.206c.189%201.546.454%203.622-1.136%206.682c-1.627%203.157-4.984%204.823-6.46%205.26c-.562.108-1.633.525-1.357%201.314c.319.92.93%201.27%202.395%201.314a2%202%200%200%201-.357-.654c-.27-.79.795-1.206%201.362-1.314c1.47-.438%204.785-1.779%206.418-4.93c1.638-3.169%201.362-6.574%201.021-8.548C16.158%202.838%2015.331%202%2015.331%202%22%2F%3E%3Cpath%20fill%3D%22%23FFB300%22%20d%3D%22M17.758%2013.175c-1.925%204.525-7.936%206.25-9.526%206.25c-1.703%200-2.378-.33-2.72-1.32c-.27-.79.796-1.205%201.358-1.313c1.195-.352%203.622-1.514%205.368-3.617z%22%2F%3E%3Cpath%20fill%3D%22%23FFD54F%22%20d%3D%22M14.996%2013.175c-2.4%203.546-7.374%204.936-8.801%204.936c-.254%200-.487%200-.692-.022c-.243-.773.81-1.184%201.368-1.292c1.194-.352%203.622-1.514%205.368-3.617h2.757z%22%2F%3E%3Cpath%20fill%3D%22%23FFCA28%22%20d%3D%22M19.839%2016.591c0-3.584-3.66-4.822-7.58-3.427c1.2.535%203.46%201.892%203.985%203.427c.443%201.287.14%203.568-.163%205.028c-.054.276.25.487.482.325c1.946-1.363%203.276-3.617%203.276-5.347z%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%3E%3Cpath%20fill%3D%22%237D551F%22%20d%3D%22M4.486%2018.78a.325.325%200%200%201-.325-.323l.006-.325l1.962.022l-.01.649z%22%2F%3E%3Cpath%20fill%3D%22%23AC752C%22%20d%3D%22M4.503%2017.489a.324.324%200%200%200-.325.324l-.01.32l1.962.02l.005-.648z%22%2F%3E%3Cpath%20fill%3D%22%23FFCA28%22%20d%3D%22M8.39%208.455c-.655%200-.325.968%201.632%202.255a7%207%200%200%201%202.611%203.227l2.611-1.935C13.287%208.774%209.038%208.455%208.39%208.455%22%2F%3E%3Cpath%20fill%3D%22%23FFD770%22%20d%3D%22M14.352%203.643c0-1.313.638-1.643.979-1.643c4.081%200%203.297%208.18%202.762%2010.19c-1.405%205.26-8.163%207.234-9.86%207.234c-1.704%200-2.38-.33-2.72-1.319c-.27-.79.795-1.206%201.357-1.314c1.476-.432%204.833-2.103%206.466-5.26c2.038-3.946%201.016-6.244%201.016-7.888%22%2F%3E%3Cpath%20fill%3D%22%23FFEA8C%22%20d%3D%22M15.33%202c-.34%200-.973.324-.973%201.643c0%20.368.05.763.109%201.206c.189%201.546.454%203.622-1.136%206.682c-1.627%203.157-4.984%204.823-6.46%205.26c-.562.108-1.633.525-1.357%201.314c.319.92.93%201.27%202.395%201.314a2%202%200%200%201-.357-.654c-.27-.79.795-1.206%201.362-1.314c1.47-.438%204.785-1.779%206.418-4.93c1.638-3.169%201.362-6.574%201.021-8.548C16.158%202.838%2015.331%202%2015.331%202%22%2F%3E%3Cpath%20fill%3D%22%23FFB300%22%20d%3D%22M17.758%2013.175c-1.925%204.525-7.936%206.25-9.526%206.25c-1.703%200-2.378-.33-2.72-1.32c-.27-.79.796-1.205%201.358-1.313c1.195-.352%203.622-1.514%205.368-3.617z%22%2F%3E%3Cpath%20fill%3D%22%23FFD54F%22%20d%3D%22M14.996%2013.175c-2.4%203.546-7.374%204.936-8.801%204.936c-.254%200-.487%200-.692-.022c-.243-.773.81-1.184%201.368-1.292c1.194-.352%203.622-1.514%205.368-3.617h2.757z%22%2F%3E%3Cpath%20fill%3D%22%23FFCA28%22%20d%3D%22M19.839%2016.591c0-3.584-3.66-4.822-7.58-3.427c1.2.535%203.46%201.892%203.985%203.427c.443%201.287.14%203.568-.163%205.028c-.054.276.25.487.482.325c1.946-1.363%203.276-3.617%203.276-5.347z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/banana.svg?color=%231a73e8&size=48
