Roobee アイコン
token:roobee
Roobee アイコン(token:roobee)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.8 11.64V11H3v2.8h.8v-1.305l1.308-.856l-.36-.64zm3 1.36c-.336 0-.6-.26-.6-.6s.256-.6.6-.6s.6.24.6.6s-.264.6-.6.6m0-2c-.82 0-1.4.64-1.4 1.4s.56 1.4 1.4 1.4s1.4-.64 1.4-1.4c0-.805-.58-1.4-1.4-1.4m3.2 2c-.36 0-.612-.253-.6-.6c.012-.345.236-.597.6-.6c.364-.005.6.251.6.6c0 .347-.24.6-.6.6m0-2a1.36 1.36 0 0 0-1.4 1.4c0 .76.58 1.4 1.4 1.4s1.4-.64 1.4-1.4c0-.8-.616-1.4-1.4-1.4m3.2 2c-.336 0-.616-.24-.6-.6s.252-.6.6-.6s.6.24.6.6s-.264.6-.6.6m0-2c-.268 0-.592.103-.772.195V10.2H11.8v2.2c0 .76.56 1.4 1.4 1.4s1.4-.64 1.4-1.4s-.64-1.4-1.4-1.4m2.6 1.2c0-.353.224-.56.6-.56s.6.207.6.56zm.6-1.2c-.692 0-1.408.46-1.4 1.4a1.35 1.35 0 0 0 1.4 1.4c.4 0 .864-.149 1.088-.373l.044-.04l-.448-.404c-.136.132-.456.216-.64.216c-.412 0-.644-.292-.644-.6h2v-.24c0-.808-.64-1.36-1.4-1.36m2.6 1.2c0-.313.2-.56.6-.56s.6.251.6.56zm.6-1.2c-.66 0-1.404.415-1.4 1.4c.004.983.812 1.387 1.5 1.387c.4 0 .76-.136.988-.36l.04-.04l-.444-.404a.84.84 0 0 1-.54.216c-.404 0-.744-.264-.744-.6h2v-.24c0-.808-.64-1.36-1.4-1.36"/></svg>Roobee アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:roobee" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:roobee" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:roobee" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--roobee]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:roobee"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:roobee"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/roobee.svg" alt="Roobee アイコン" width="24" height="24">Roobee アイコン のよくある質問
Roobee アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Roobee アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:roobee" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Roobee アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/roobee.svg" alt="Roobee アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。