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

Scb アイコン

token:scb

Scb アイコン(token:scb)は、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" fill-rule="evenodd" d="M5.865 9.064H9.89a.96.96 0 0 1 .935.979c0 .54-.418.978-.935.978h-.826v.783h-.978V9.65H6.858c-.297 0-.246.27-.18.372c.224.235.674.81.674 1.225a.526.526 0 0 1-.494.556H4.565v-.783H5.97c.29 0 .18-.203.086-.294l-.555-.743c-.294-.646.12-.884.364-.92m3.2.587h.517c.145 0 .266.133.266.294s-.117.293-.266.293h-.517zm4.086-.587h-1.519l-.806 2.74h.951l.106-.392h1.072l.117.392h.885zm-.372 1.761h-.732l.301-1.095h.102zm2.352-1.76a1.37 1.37 0 0 0 0 2.739h1.174v-.783H15.13a.587.587 0 0 1 0-1.174h1.174v-.783zm3.913 0v.782h-1.566v.391h1.174v.392h-1.174v.391h2.348v.783h-3.13v-2.74zM5.512 12.665l-.59.696a.587.587 0 1 0-.009.427l.63.646a1.46 1.46 0 0 1-1.107.5A1.405 1.405 0 0 1 3 13.566c0-.755.642-1.37 1.436-1.37c.43 0 .814.18 1.076.47m12.357-.47h.979l.587.783l.587-.783H21l-1.174 1.566v1.174h-.783V13.76zm-9.39 1.37a1.37 1.37 0 1 1-2.74 0a1.37 1.37 0 0 1 2.74 0m-.783 0a.587.587 0 1 1-1.174 0a.587.587 0 0 1 1.174 0m9.195 1.37a1.37 1.37 0 1 0 0-2.74a1.37 1.37 0 0 0 0 2.74m0-.783a.587.587 0 1 0 0-1.174a.587.587 0 0 0 0 1.174m-7.63.783l-.783-2.74h.783l.391 1.174l.392-1.174h.782l.391 1.174l.454-1.174h2.822a.642.642 0 0 1 .34 1.19a.806.806 0 0 1-.313 1.55h-2.129v-1.957h-.156l-.626 1.957h-.783l-.43-.975l-.353.974zm4.109-1.957h.704a.196.196 0 0 1 .138.334a.2.2 0 0 1-.138.057h-.704zm0 .783h.684a.293.293 0 1 1 0 .587h-.684z" clip-rule="evenodd"/></svg>

Scb アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Web3 Icons をすべて見る →