Brock アイコン
token-branded:brock
Brock アイコン(token-branded:brock)は、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="#fff" d="m4.143 6.124l6.952-3.092a.28.28 0 0 1 .354.111q.03.091.022.185v2.245c0 .01-.01.027-.021.032a.05.05 0 0 1-.037.016l-7.238.736a.09.09 0 0 1-.085-.048q-.08-.121.053-.185m8.747-3.092l6.988 3.097c.07.037.085.09.032.175a.09.09 0 0 1-.08.042l-7.253-.73c-.01 0-.026 0-.032-.01l-.012-.018l-.003-.02V3.265c0-.09.026-.138.026-.143q.127-.184.334-.09"/><path fill="#a2a3a5" d="M7.146 13.299A1105 1105 0 0 0 3.668 8.13c-.228-.333-.191-.587.259-.603l7.084-.747a.053.053 0 0 1 .053.053v.021L7.304 13.4a.05.05 0 0 1-.041.027a.05.05 0 0 1-.042-.021a1 1 0 0 1-.075-.106m13.051-5.766a.307.307 0 0 1 .249.328a.3.3 0 0 1-.053.143l-3.67 5.4a.03.03 0 0 1-.017.018a.03.03 0 0 1-.025-.001l-.01-.016l-3.76-6.55c-.031-.053-.015-.074.038-.074z"/><path fill="#fff" d="M3.529 15.745V9.958a.116.116 0 0 1 .159-.106c.026.005.053.02.063.042l2.584 4.225a.116.116 0 0 1-.037.164l-2.59 1.562a.116.116 0 0 1-.18-.106zm14.089-1.594l2.605-4.267a.1.1 0 0 1 .037-.038l.074-.031a.095.095 0 0 1 .137.08v5.887a.095.095 0 0 1-.095.095l-.053-.016l-2.674-1.588a.1.1 0 0 1-.042-.053a.1.1 0 0 1 .01-.074z"/><path fill="#a2a3a5" d="M12.705 20.302c-.381.678-.82 1.075-1.323.175q-1.606-2.873-3.209-5.75a.08.08 0 0 1 .037-.069a.1.1 0 0 1 .037-.01h7.492a.06.06 0 0 1 .053.032q.01.016.01.034a.1.1 0 0 1-.01.034z"/><path fill="#fff" d="m7.15 15.337l2.76 4.977a.18.18 0 0 1-.057.234a.2.2 0 0 1-.081.03l-.202.016a.18.18 0 0 1-.116-.026l-5.252-3.426a.18.18 0 0 1-.053-.238a.15.15 0 0 1 .063-.064l2.69-1.572a.18.18 0 0 1 .202.01a.2.2 0 0 1 .047.053zm7.053 4.791c.9-1.63 1.79-3.272 2.716-4.882l.014-.018a.054.054 0 0 1 .066-.002q1.413.819 2.816 1.657q.08.048.096.09q.015.038 0 .084a.1.1 0 0 1-.037.059l-5.268 3.441c-.355.238-.583-.111-.403-.429"/></g></svg>Brock アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:brock" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:brock" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:brock" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--brock]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:brock"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:brock"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/brock.svg" alt="Brock アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Brock アイコン
Brock アイコン のよくある質問
Brock アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Brock アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:brock" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Brock アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/brock.svg" alt="Brock アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。