Valor Background アイコン
token-branded:valor-background
Valor Background アイコン(token-branded:valor-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
- タグ
- valorbackground
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="#d8191e" d="M24 0H0v24h24z"/><path fill="#fff" d="m19.996 4.09l-.997 2.154a.1.1 0 0 1-.03.031a.1.1 0 0 1-.041.011h-2.852a.08.08 0 0 1-.065-.03a.06.06 0 0 1-.003-.064l.003-.005l1.034-2.145a.08.08 0 0 1 .07-.042h2.81a.08.08 0 0 1 .063.03a.06.06 0 0 1 .008.06m-2.377 5.053H8.926l-.932-2.285h5.135c.032 0 .06-.038.07-.069l.926-2.68a.08.08 0 0 0-.008-.072a.08.08 0 0 0-.063-.036H4.076a.07.07 0 0 0-.062.036a.08.08 0 0 0-.009.073l2.959 7.84a.08.08 0 0 0 .071.049h6.692l-1.848 5.212l-1.01-2.87a.075.075 0 0 0-.072-.052l-2.803-.003a.07.07 0 0 0-.062.034a.08.08 0 0 0-.008.075l2.033 5.553a.1.1 0 0 0 .027.037q.02.015.044.015h3.685a.074.074 0 0 0 .071-.05L17.69 9.272c.01-.024.014-.065 0-.086c-.009-.013-.038-.043-.07-.043"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Valor Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:valor-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:valor-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:valor-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--valor-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:valor-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:valor-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/valor-background.svg" alt="Valor Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Valor Background アイコン のよくある質問
Valor Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Valor Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:valor-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Valor Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/valor-background.svg" alt="Valor Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。