Bamboo アイコン

Q: Bamboo アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:bamboo

Bamboo アイコン(logos:bamboo)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 296 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 296

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="296" 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>

Bamboo アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:bamboo" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:bamboo" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:bamboo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--bamboo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:bamboo"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:bamboo"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/bamboo.svg" alt="Bamboo アイコン" width="24" height="24">

他のアイコンセットの Bamboo アイコン

Bamboo アイコンのよくある質問

Bamboo アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Bamboo アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:bamboo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Bamboo アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/bamboo.svg" alt="Bamboo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →