Gofx Background アイコン
token-branded:gofx-background
Gofx Background アイコン(token-branded:gofx-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
- タグ
- gofxbackground
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="url(#SVG4xz2vcmD)" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.795 4.075c.62.1 1.055.22 1.315.375c.25.15.525.45.815.9c-.155.13-.29.2-.405.22c-.315.055-.615-.065-.895-.19a.625.625 0 0 0-.81.29c-.1.2-.045.46.125.61c.165.14.42.175.62.235a.42.42 0 0 1 .16.39c-.015.17-.095.33-.24.49l.23.615q-.414.091-1 .055c-.655-.04-1.13-.68-1.7-.97A5 5 0 0 0 12 7c-3 0-5 2.34-5 5c0 2.63 2.25 5 5.04 5c2.21 0 3.625-1.075 4.46-2.5h-1.55c-.775 0-1.46-.4-1.675-1.125l-.26-.935a.3.3 0 0 1-.015-.095a.35.35 0 0 1 .35-.345h5.7c.47 0 .88.35.935.805L20 13c.015.82-.425 1.96-.845 2.75A8.05 8.05 0 0 1 12.04 20A8.04 8.04 0 0 1 4 12c0-4.16 3.235-7.515 7.35-7.86c.55-.08 1.1-.145 1.65-.14c.49 0 1.085.03 1.795.075M17.15 5.63q.338.262.435.435q.09.166.18.565l.01.05l1.52 1.34c.085.075.145.17.165.28l.005.03l.015.1a.1.1 0 0 1-.055.1l-.015.005l-.08.03l-.075-.01c-1.54-.2-2.48-.375-2.82-.515q-.45-.187-.195-.855c.09-.22 0-.41-.08-.61c-.08-.19-.265-.325-.405-.465c-.165-.03-.31 0-.47-.06a.2.2 0 0 1-.06-.045c-.1-.1-.03-.265.09-.32c.2-.1.465.05.63.155c.325.065.565.08.72.055c.15-.025.315-.115.485-.265"/></g><defs><linearGradient id="SVG4xz2vcmD" x1="5.64" x2="16.945" y1="7.715" y2="19.19" gradientUnits="userSpaceOnUse"><stop stop-color="#5250ff"/><stop offset="1" stop-color="#e959ff"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Gofx Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:gofx-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:gofx-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:gofx-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--gofx-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:gofx-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:gofx-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/gofx-background.svg" alt="Gofx Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Gofx Background アイコン のよくある質問
Gofx Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gofx Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:gofx-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gofx Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/gofx-background.svg" alt="Gofx Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。