Gora Background アイコン
token-branded:gora-background
Gora Background アイコン(token-branded:gora-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
- タグ
- gorabackground
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(#SVGuYaqSckg)" fill-rule="evenodd" d="M9.022 5.412c-.348 0-.621.118-.814.4L4.604 11.06c-.226.33-.24.753-.047 1.096l1.317 2.263a3.8 3.8 0 0 1 .461-1.275l2.79-5.1a1.48 1.48 0 0 1 1.29-.748h3.675a.87.87 0 0 1 .635.282l1.426-1.619c-.301-.48-.857-.546-1.064-.546h-6.07zm-2.729 9.731l1.722 2.974c.188.32.537.466.913.466h6.507c.39 0 .753-.16.932-.5l3.092-6.046c.371-.691-.142-1.453-.932-1.453h-1.459c.057.094.094.131.113.235a1.9 1.9 0 0 1-.155 1.025l-.01.01l-2.164 3.647c-.268.404-.73.729-1.223.729H10.39c-.517 0-.997-.353-1.265-.79l-1.534-2.5v-.004a1.9 1.9 0 0 1-.207-.804l-.687 1.223c-.1.16-.236.447-.334.786c-.095.33-.142.687-.071 1.007zm1.675-4.051l1.525-2.847c.188-.33.536-.48.922-.48h3.675c.329 0 .466.287.588.536l1.976-2.296l-.061-.117a1.71 1.71 0 0 0-1.45-.946h-6.07c-.484 0-.94.235-1.218.64l-3.6 5.241a1.44 1.44 0 0 0-.06 1.54l3.458 5.96c.259.457.748.735 1.275.735h6.507a1.48 1.48 0 0 0 1.304-.777l3.096-6.046a1.453 1.453 0 0 0-1.308-2.127H13.35c-.527 0-1.012.278-1.275.73l-1.252 2.056c-.24.414.061.988.546.988h3.934l-.8 1.393a1.08 1.08 0 0 1-.885.49h-3.237a1.08 1.08 0 0 1-.904-.533l-1.524-2.507a2.1 2.1 0 0 1 .01-1.633zm7.608 2.32H11.37a.206.206 0 0 1-.207-.208q0-.055.028-.103l1.242-2.056c.189-.325.537-.457.918-.457h2.842c.682 0 .659.584.442 1.083z" clip-rule="evenodd"/></g><defs><linearGradient id="SVGuYaqSckg" x1="5.474" x2="17.84" y1="10.546" y2="15.858" gradientUnits="userSpaceOnUse"><stop stop-color="#5ccb38"/><stop offset=".35" stop-color="#eefdfe"/><stop offset=".48" stop-color="#77d264"/><stop offset=".79" stop-color="#e9f6fa"/><stop offset="1" stop-color="#dcfdf0"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Gora Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:gora-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:gora-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:gora-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--gora-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:gora-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:gora-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/gora-background.svg" alt="Gora Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Gora Background アイコン のよくある質問
Gora Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gora Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:gora-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gora Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/gora-background.svg" alt="Gora Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。