Treeb アイコン
token-branded:treeb
Treeb アイコン(token-branded:treeb)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#98e5b7" d="M5.859 20.29L3.18 5.32l8.672-1.472c2.08-.35 5.172-.402 6.512 2.684c1.08 2.473-.588 4.86-1.557 5.744l3.918 5.29l-6.734 1.275l-2.578-4.172l-.27.074l.868 4.474l-6.157 1.075z"/><path fill="#000" d="M15.425 3.751a4.55 4.55 0 0 1 3.087 2.722a4.57 4.57 0 0 1-.01 3.584a6.7 6.7 0 0 1-1.483 2.24L21 17.663l-7.084 1.345l-2.572-4.166l-.022.005l.874 4.49l-6.47 1.132L3 5.191l.159-.026l8.666-1.472c1.048-.175 2.367-.28 3.6.058m-.08.302c-1.17-.317-2.434-.227-3.467-.053L3.365 5.446L5.981 20.11l5.844-1.021l-.868-4.458l.53-.143l2.583 4.182l6.385-1.217l-3.86-5.2l.106-.095c.466-.423 1.112-1.228 1.504-2.218c.397-.99.534-2.16.02-3.346a4.24 4.24 0 0 0-2.88-2.54"/><path fill="#000" d="m9.714 6.088l4.003-.688c1.07-.18 3.61-.053 4.352 2.319c.926 2.959-.842 4.674-2.383 5.188l-4.42.874c-1.605.391-4.5-.742-4.5-3.563c0-2.828 1.964-3.929 2.948-4.13m4.617 6.814c2.044 0 3.706-1.652 3.706-3.685a3.695 3.695 0 0 0-3.706-3.68c-2.049 0-3.706 1.647-3.706 3.68a3.695 3.695 0 0 0 3.706 3.685"/></g></svg>Treeb アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:treeb" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:treeb" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:treeb" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--treeb]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:treeb"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:treeb"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/treeb.svg" alt="Treeb アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Treeb アイコン
Treeb アイコン のよくある質問
Treeb アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Treeb アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:treeb" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Treeb アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/treeb.svg" alt="Treeb アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。