Geod Background アイコン
token-branded:geod-background
Geod Background アイコン(token-branded:geod-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
- タグ
- geodbackground
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="#00f" d="M24 0H0v24h24z"/><path fill="#fff" d="M17.657 17.657A7.998 7.998 0 0 0 15.06 4.609a8 8 0 1 0 2.596 13.048M16.999 7a7.07 7.07 0 0 1 0 9.998A7.1 7.1 0 0 1 12 19.11A7.1 7.1 0 0 1 7 17a7.07 7.07 0 0 1 0-9.998a7.1 7.1 0 0 1 5-2.111A7.1 7.1 0 0 1 17 7m-.484 6.865a4.89 4.89 0 0 0-4.501-6.85a4.888 4.888 0 1 0 4.5 6.85m-6.23-2.377c.035-1.084.368-2.506 1.213-3.253c.027-.022.058-.018.058.018v3.23c0 .027-.045.067-.067.067h-1.155c-.031 0-.045-.03-.045-.062zm2.16-1.2q0-.93.004-1.862a.7.7 0 0 0 0-.164q-.01-.079.049-.031c.857.71 1.15 2.155 1.235 3.235c0 .035-.027.084-.058.084H12.52c-.031 0-.076-.035-.076-.062zm-3.138 1.267H8.125c-.027 0-.049-.05-.044-.08a3.97 3.97 0 0 1 1.982-2.933q.038-.02.017.022a7.3 7.3 0 0 0-.737 2.933c0 .027-.014.058-.036.058M13.96 8.56a3.97 3.97 0 0 1 1.964 2.932c0 .031-.014.063-.045.063h-1.164c-.044 0-.062-.04-.067-.08a7.2 7.2 0 0 0-.71-2.893q-.026-.055.022-.022m-3.929 6.878a3.99 3.99 0 0 1-1.955-2.924c-.004-.026.018-.07.045-.07h1.186c.027 0 .045.04.045.062a7.2 7.2 0 0 0 .71 2.901q.035.067-.03.031m1.525-2.91v3.186c0 .071-.045.08-.09.031c-.835-.844-1.101-2.049-1.19-3.213c-.005-.044.018-.089.062-.089h1.138c.035 0 .08.05.08.09zm.888 3.2V12.47s.005-.027.014-.027h1.217c.031 0 .054.04.05.067c-.045 1.11-.37 2.43-1.2 3.244c-.04.04-.08.031-.08-.027m1.476-.294c.48-.818.697-2.017.733-2.937c0-.027.018-.054.044-.054h1.182c.027 0 .05.045.045.067c-.173 1.222-.889 2.338-1.987 2.946c-.03.014-.035.01-.017-.022"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Geod Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:geod-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:geod-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:geod-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--geod-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:geod-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:geod-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/geod-background.svg" alt="Geod Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Geod Background アイコン のよくある質問
Geod Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Geod Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:geod-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Geod Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/geod-background.svg" alt="Geod Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。