Govi Background アイコン
token-branded:govi-background
Govi Background アイコン(token-branded:govi-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
- タグ
- govibackground
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="#000" d="M24 0H0v24h24z"/><path fill="url(#SVGP7QKIbHv)" d="M7.997 17.906c.061.509.57.824 1.247.617l9.704-6.367c.494-.354.48-1.06-.202-1.492L8.59 4.056c-.236-.15-.593.019-.593.301v3.186l6.188 3.958l-6.188 3.958z"/><path fill="url(#SVGdJucubbK)" d="M15.997 19.319c-.06.508-.54.823-1.228.616l-9.704-6.183a1.035 1.035 0 0 1 .198-1.7L15.428 5.47c.245-.15.57.019.57.301v3.106l-6.279 4.038l6.278 3.958z"/><path fill="#fff" d="m13.089 6.987l-2.965 1.92l2.927 1.855l2.937-1.897zm.743 8.523l-2.974-1.882l-2.861 1.807v.183l2.875 1.836z"/></g><defs><linearGradient id="SVGP7QKIbHv" x1="4.137" x2="11.286" y1="2.57" y2="18.052" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#fff"/><stop offset=".84" stop-color="#95c9e3"/></linearGradient><linearGradient id="SVGdJucubbK" x1="14.313" x2="19.245" y1="2.55" y2="19.927" gradientUnits="userSpaceOnUse"><stop offset=".38" stop-color="#95c9e3"/><stop offset=".94" stop-color="#fff"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Govi Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:govi-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:govi-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:govi-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--govi-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:govi-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:govi-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/govi-background.svg" alt="Govi Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Govi Background アイコン のよくある質問
Govi Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Govi Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:govi-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Govi Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/govi-background.svg" alt="Govi Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。