2dai Background アイコン
token-branded:2dai-background
2dai Background アイコン(token-branded:2dai-background)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- 2daibackground
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd)"><path fill="#f15a38" d="M24 0H0v24h24z"/><path fill="#fff" d="M18.884 9.953H20v5.582h-1.116zm-.744 2.977l-2.791-4.464l-2.79 4.465h1.294l1.496-2.393l1.496 2.393z"/><path fill="#fff" d="m13.705 15.534l.978-1.92h1.332l.979 1.92l1.518-2.976h-6.325z"/><path fill="#fff" fill-rule="evenodd" d="M8.837 11.736v1.712c.022.074.149.227.502.227c.436 0 .986-.343.986-1.102c0-.755-.796-1.13-1.168-1.13h-.034a.29.29 0 0 0-.265.182a.3.3 0 0 0-.021.111m.223.205v1.284c.015.059.108.174.354.174c.309 0 .696-.26.696-.83c0-.569-.559-.852-.827-.852h-.022c-.111 0-.2.101-.2.224M4 11.337l1.116-.64h1.43l.803.774v1.25a3 3 0 0 1-.29.238c-.157.12-.298.227-.35.342h.64v1.489h-2.91L4 14.585v-.819c.499-.357 1.533-1.153 1.708-1.473c-.086-.03-.688.171-.975.275l-.41-.275zm.372-.015l.912-.39h1.153l.54.606v.978l-.64.819v.152h.982v.93H4.372v-.636c.387-.227 1.247-.818 1.585-1.369c-.063-.301-.234-.52-.372-.52c-.085 0-.476.126-.781.222l-.209.071z" clip-rule="evenodd"/><path fill="#fff" fill-rule="evenodd" d="M9.582 10.325H7.349v4.465h2.233a2.233 2.233 0 0 0 0-4.465m0 .372h-1.86v3.72h1.86a1.861 1.861 0 0 0 0-3.72" clip-rule="evenodd"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>2dai Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:2dai-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:2dai-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:2dai-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--2dai-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:2dai-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:2dai-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/2dai-background.svg" alt="2dai Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
2dai Background アイコン のよくある質問
2dai Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で 2dai Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:2dai-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
2dai Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/2dai-background.svg" alt="2dai Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。