bamboo logo
bamboo from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- bamboo
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×296
- License
- CC0
The same logo in other sets
Use the bamboo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><defs><linearGradient id="SVGPCzgbbCk" x1="50.016%" x2="50.016%" y1="-98.299%" y2="38.217%"><stop offset="0%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGIVr8z3Pf" x1="50.016%" x2="50.016%" y1=".763%" y2="138.581%"><stop offset="0%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M247.206 167.896h-61.4a8.03 8.03 0 0 0-8.032 6.827c-3.487 24.952-24.84 43.511-50.035 43.49l16.625 75.936c60.232-7.87 106.592-57.067 110.873-117.66a8.03 8.03 0 0 0-8.031-8.593m-106.256-1.928l88.346-75.936a8.03 8.03 0 0 0 0-12.047L140.95 1.928a8.031 8.031 0 0 0-13.212 6.103v151.833a8.031 8.031 0 0 0 13.212 6.104"/><path fill="url(#SVGPCzgbbCk)" d="M1.205 184.48c8.45 63.437 62.537 110.83 126.534 110.874v-77.142c-27.809 0-50.37-22.508-50.437-50.316z"/><path fill="url(#SVGIVr8z3Pf)" d="M0 166.691v1.205h77.302c.066-27.809 22.628-50.317 50.437-50.317l-16.585-75.936C48.145 49.853.767 103.153 0 166.69"/></svg>
React
import type { SVGProps } from "react";
export function LogosBamboo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><defs><linearGradient id="SVGPCzgbbCk" x1="50.016%" x2="50.016%" y1="-98.299%" y2="38.217%"><stop offset="0%" stopColor="#0052cc"/><stop offset="100%" stopColor="#2684ff"/></linearGradient><linearGradient id="SVGIVr8z3Pf" x1="50.016%" x2="50.016%" y1=".763%" y2="138.581%"><stop offset="0%" stopColor="#0052cc"/><stop offset="100%" stopColor="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M247.206 167.896h-61.4a8.03 8.03 0 0 0-8.032 6.827c-3.487 24.952-24.84 43.511-50.035 43.49l16.625 75.936c60.232-7.87 106.592-57.067 110.873-117.66a8.03 8.03 0 0 0-8.031-8.593m-106.256-1.928l88.346-75.936a8.03 8.03 0 0 0 0-12.047L140.95 1.928a8.031 8.031 0 0 0-13.212 6.103v151.833a8.031 8.031 0 0 0 13.212 6.104"/><path fill="url(#SVGPCzgbbCk)" d="M1.205 184.48c8.45 63.437 62.537 110.83 126.534 110.874v-77.142c-27.809 0-50.37-22.508-50.437-50.316z"/><path fill="url(#SVGIVr8z3Pf)" d="M0 166.691v1.205h77.302c.066-27.809 22.628-50.317 50.437-50.317l-16.585-75.936C48.145 49.853.767 103.153 0 166.69"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 296"><defs><linearGradient id="SVGPCzgbbCk" x1="50.016%" x2="50.016%" y1="-98.299%" y2="38.217%"><stop offset="0%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGIVr8z3Pf" x1="50.016%" x2="50.016%" y1=".763%" y2="138.581%"><stop offset="0%" stop-color="#0052cc"/><stop offset="100%" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M247.206 167.896h-61.4a8.03 8.03 0 0 0-8.032 6.827c-3.487 24.952-24.84 43.511-50.035 43.49l16.625 75.936c60.232-7.87 106.592-57.067 110.873-117.66a8.03 8.03 0 0 0-8.031-8.593m-106.256-1.928l88.346-75.936a8.03 8.03 0 0 0 0-12.047L140.95 1.928a8.031 8.031 0 0 0-13.212 6.103v151.833a8.031 8.031 0 0 0 13.212 6.104"/><path fill="url(#SVGPCzgbbCk)" d="M1.205 184.48c8.45 63.437 62.537 110.83 126.534 110.874v-77.142c-27.809 0-50.37-22.508-50.437-50.316z"/><path fill="url(#SVGIVr8z3Pf)" d="M0 166.691v1.205h77.302c.066-27.809 22.628-50.317 50.437-50.317l-16.585-75.936C48.145 49.853.767 103.153 0 166.69"/></svg> </template>
CSS
.icon-bamboo {
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%20256%20296%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGPCzgbbCk%22%20x1%3D%2250.016%25%22%20x2%3D%2250.016%25%22%20y1%3D%22-98.299%25%22%20y2%3D%2238.217%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGIVr8z3Pf%22%20x1%3D%2250.016%25%22%20x2%3D%2250.016%25%22%20y1%3D%22.763%25%22%20y2%3D%22138.581%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M247.206%20167.896h-61.4a8.03%208.03%200%200%200-8.032%206.827c-3.487%2024.952-24.84%2043.511-50.035%2043.49l16.625%2075.936c60.232-7.87%20106.592-57.067%20110.873-117.66a8.03%208.03%200%200%200-8.031-8.593m-106.256-1.928l88.346-75.936a8.03%208.03%200%200%200%200-12.047L140.95%201.928a8.031%208.031%200%200%200-13.212%206.103v151.833a8.031%208.031%200%200%200%2013.212%206.104%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGPCzgbbCk)%22%20d%3D%22M1.205%20184.48c8.45%2063.437%2062.537%20110.83%20126.534%20110.874v-77.142c-27.809%200-50.37-22.508-50.437-50.316z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGIVr8z3Pf)%22%20d%3D%22M0%20166.691v1.205h77.302c.066-27.809%2022.628-50.317%2050.437-50.317l-16.585-75.936C48.145%2049.853.767%20103.153%200%20166.69%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%20256%20296%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGPCzgbbCk%22%20x1%3D%2250.016%25%22%20x2%3D%2250.016%25%22%20y1%3D%22-98.299%25%22%20y2%3D%2238.217%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGIVr8z3Pf%22%20x1%3D%2250.016%25%22%20x2%3D%2250.016%25%22%20y1%3D%22.763%25%22%20y2%3D%22138.581%25%22%3E%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M247.206%20167.896h-61.4a8.03%208.03%200%200%200-8.032%206.827c-3.487%2024.952-24.84%2043.511-50.035%2043.49l16.625%2075.936c60.232-7.87%20106.592-57.067%20110.873-117.66a8.03%208.03%200%200%200-8.031-8.593m-106.256-1.928l88.346-75.936a8.03%208.03%200%200%200%200-12.047L140.95%201.928a8.031%208.031%200%200%200-13.212%206.103v151.833a8.031%208.031%200%200%200%2013.212%206.104%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGPCzgbbCk)%22%20d%3D%22M1.205%20184.48c8.45%2063.437%2062.537%20110.83%20126.534%20110.874v-77.142c-27.809%200-50.37-22.508-50.437-50.316z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGIVr8z3Pf)%22%20d%3D%22M0%20166.691v1.205h77.302c.066-27.809%2022.628-50.317%2050.437-50.317l-16.585-75.936C48.145%2049.853.767%20103.153%200%20166.69%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/bamboo.svg?color=%231a73e8&size=48
