bamboo logo
bamboo from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- bamboo
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
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 128 128"><defs><linearGradient id="SVG4arXaemu" x1="11.217" x2="11.217" y1="7.486" y2="21.607" gradientTransform="scale(4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGzR0VpdwF" x1="11.168" x2="11.168" y1="7.486" y2="21.607" gradientTransform="scale(4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M104.133 70.633h-20c-1.235 0-2.465.96-2.602 2.191c-1.097 7.946-7.945 14.11-16.164 14.11l5.344 24.656c19.45-2.602 34.652-18.492 36.023-38.219c.137-1.504-1.097-2.738-2.601-2.738m-34.387-.683l28.766-24.657c1.234-1.098 1.234-2.879 0-3.973L69.746 16.664c-1.644-1.508-4.246-.273-4.246 1.918v49.313c-.137 2.328 2.465 3.562 4.246 2.054zm0 0"/><path fill="url(#SVG4arXaemu)" d="M24.273 75.977C26.88 96.247 44.273 112 65.367 112V86.934c-9.039 0-16.437-7.262-16.437-16.301zm0 0"/><path fill="url(#SVGzR0VpdwF)" d="M24 70.223v.41h25.066c0-9.04 7.399-16.301 16.438-16.301L60.16 29.676C39.89 32.28 24.137 49.402 24 70.223m0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconBamboo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG4arXaemu" x1="11.217" x2="11.217" y1="7.486" y2="21.607" gradientTransform="scale(4)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#0052cc"/><stop offset="1" stopColor="#2684ff"/></linearGradient><linearGradient id="SVGzR0VpdwF" x1="11.168" x2="11.168" y1="7.486" y2="21.607" gradientTransform="scale(4)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#0052cc"/><stop offset="1" stopColor="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M104.133 70.633h-20c-1.235 0-2.465.96-2.602 2.191c-1.097 7.946-7.945 14.11-16.164 14.11l5.344 24.656c19.45-2.602 34.652-18.492 36.023-38.219c.137-1.504-1.097-2.738-2.601-2.738m-34.387-.683l28.766-24.657c1.234-1.098 1.234-2.879 0-3.973L69.746 16.664c-1.644-1.508-4.246-.273-4.246 1.918v49.313c-.137 2.328 2.465 3.562 4.246 2.054zm0 0"/><path fill="url(#SVG4arXaemu)" d="M24.273 75.977C26.88 96.247 44.273 112 65.367 112V86.934c-9.039 0-16.437-7.262-16.437-16.301zm0 0"/><path fill="url(#SVGzR0VpdwF)" d="M24 70.223v.41h25.066c0-9.04 7.399-16.301 16.438-16.301L60.16 29.676C39.89 32.28 24.137 49.402 24 70.223m0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><defs><linearGradient id="SVG4arXaemu" x1="11.217" x2="11.217" y1="7.486" y2="21.607" gradientTransform="scale(4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient><linearGradient id="SVGzR0VpdwF" x1="11.168" x2="11.168" y1="7.486" y2="21.607" gradientTransform="scale(4)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0052cc"/><stop offset="1" stop-color="#2684ff"/></linearGradient></defs><path fill="#2684ff" d="M104.133 70.633h-20c-1.235 0-2.465.96-2.602 2.191c-1.097 7.946-7.945 14.11-16.164 14.11l5.344 24.656c19.45-2.602 34.652-18.492 36.023-38.219c.137-1.504-1.097-2.738-2.601-2.738m-34.387-.683l28.766-24.657c1.234-1.098 1.234-2.879 0-3.973L69.746 16.664c-1.644-1.508-4.246-.273-4.246 1.918v49.313c-.137 2.328 2.465 3.562 4.246 2.054zm0 0"/><path fill="url(#SVG4arXaemu)" d="M24.273 75.977C26.88 96.247 44.273 112 65.367 112V86.934c-9.039 0-16.437-7.262-16.437-16.301zm0 0"/><path fill="url(#SVGzR0VpdwF)" d="M24 70.223v.41h25.066c0-9.04 7.399-16.301 16.438-16.301L60.16 29.676C39.89 32.28 24.137 49.402 24 70.223m0 0"/></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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG4arXaemu%22%20x1%3D%2211.217%22%20x2%3D%2211.217%22%20y1%3D%227.486%22%20y2%3D%2221.607%22%20gradientTransform%3D%22scale(4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzR0VpdwF%22%20x1%3D%2211.168%22%20x2%3D%2211.168%22%20y1%3D%227.486%22%20y2%3D%2221.607%22%20gradientTransform%3D%22scale(4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M104.133%2070.633h-20c-1.235%200-2.465.96-2.602%202.191c-1.097%207.946-7.945%2014.11-16.164%2014.11l5.344%2024.656c19.45-2.602%2034.652-18.492%2036.023-38.219c.137-1.504-1.097-2.738-2.601-2.738m-34.387-.683l28.766-24.657c1.234-1.098%201.234-2.879%200-3.973L69.746%2016.664c-1.644-1.508-4.246-.273-4.246%201.918v49.313c-.137%202.328%202.465%203.562%204.246%202.054zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG4arXaemu)%22%20d%3D%22M24.273%2075.977C26.88%2096.247%2044.273%20112%2065.367%20112V86.934c-9.039%200-16.437-7.262-16.437-16.301zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzR0VpdwF)%22%20d%3D%22M24%2070.223v.41h25.066c0-9.04%207.399-16.301%2016.438-16.301L60.16%2029.676C39.89%2032.28%2024.137%2049.402%2024%2070.223m0%200%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%20128%20128%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG4arXaemu%22%20x1%3D%2211.217%22%20x2%3D%2211.217%22%20y1%3D%227.486%22%20y2%3D%2221.607%22%20gradientTransform%3D%22scale(4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGzR0VpdwF%22%20x1%3D%2211.168%22%20x2%3D%2211.168%22%20y1%3D%227.486%22%20y2%3D%2221.607%22%20gradientTransform%3D%22scale(4)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%230052cc%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%232684ff%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%232684ff%22%20d%3D%22M104.133%2070.633h-20c-1.235%200-2.465.96-2.602%202.191c-1.097%207.946-7.945%2014.11-16.164%2014.11l5.344%2024.656c19.45-2.602%2034.652-18.492%2036.023-38.219c.137-1.504-1.097-2.738-2.601-2.738m-34.387-.683l28.766-24.657c1.234-1.098%201.234-2.879%200-3.973L69.746%2016.664c-1.644-1.508-4.246-.273-4.246%201.918v49.313c-.137%202.328%202.465%203.562%204.246%202.054zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG4arXaemu)%22%20d%3D%22M24.273%2075.977C26.88%2096.247%2044.273%20112%2065.367%20112V86.934c-9.039%200-16.437-7.262-16.437-16.301zm0%200%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGzR0VpdwF)%22%20d%3D%22M24%2070.223v.41h25.066c0-9.04%207.399-16.301%2016.438-16.301L60.16%2029.676C39.89%2032.28%2024.137%2049.402%2024%2070.223m0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/bamboo.svg?color=%231a73e8&size=48
