ICONYZ
日本語
Web3 Icons の Bob アイコン

Bob アイコン

token:bob

Bob アイコン(token:bob)は、Web3 Icons セットの無料 SVG アイコンです(作者: 0xa3k5)。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Web3 Icons
作者
0xa3k5
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.456 9.268c-1.274.255-2.856-.715-1.02-3.571c1.837-2.856 5.187-2.89 6.632-2.55c1.87.595 5.203 2.856 3.57 7.14c-.816 1.43-1.53 1.786-1.785 1.786c3.35.893 3.484 5.17 1.02 7.141c-1.536 1.23-3.842 1.385-5.484-.07C10.891 20.329 10.01 21 8.456 21c-3.916 0-3.57-3.826-1.53-3.826c.92 0 1.02 1.275 1.02 2.04c0 .612 1.542 1.02 1.797-1.275c.072-1.009.068-2 .064-2.969c-.011-3.113.222-5.999 2.73-8.508c.982-.981 1.786-.51 1.275 0c-.594.67-1.515 2.628-1.736 5.567c.49-.076 1.454-.244 1.992-.466c2.682-1.111 2.04-6.376-.51-7.142c-2.55-.765-4.336 1.021-4.591 1.276c-.147.147-.278.292-.255.51c0 0 2.04 2.296-.256 3.06m3.572 3.968v.112c0 1.834-.041 3.423-.302 4.671c.764.742 1.763.842 2.342.685c3.75-1.25 2.109-7.155-2.04-5.468"/></svg>

Bob アイコンの使い方

React

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

<Icon icon="token:bob" width="24" />

Vue

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

<template>
  <Icon icon="token:bob" width="24" />
</template>

Svelte

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

<Icon icon="token:bob" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="token:bob"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/bob.svg" alt="Bob アイコン" width="24" height="24">

Web3 Icons の関連アイコン

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →