Ggp Background アイコン
token-branded:ggp-background
Ggp Background アイコン(token-branded:ggp-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
- タグ
- ggpbackground
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="#9826ff" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.5 15.5v-7h4.67c.18 0 .33-.165.33-.35V6.33a.33.33 0 0 0-.33-.33H4.33c-.18 0-.33.15-.33.33v11.34c0 .185.15.33.33.33h6.84c.18 0 .33-.15.33-.33V11.3c0-.185-.15-.3-.33-.3H7.8c-.185 0-.3.115-.3.3v1.82c0 .185.115.38.3.38H9v2zm6-9.18c0-.175.155-.32.35-.32h2.8c.195 0 .35.145.35.32v.16c0 .18-.155.32-.35.32h-1.84v.8h1.84c.195 0 .35.15.35.32v.16c0 .18-.155.32-.35.32h-1.84v.8h1.84c.195 0 .35.145.35.32v.16c0 .175-.155.32-.35.32h-2.8c-.195 0-.35-.145-.35-.32zm4 0c0-.175.155-.32.35-.32h2.8c.195 0 .35.145.35.32v.16c0 .18-.155.32-.35.32h-1.835v.8h1.835c.195 0 .35.15.35.32v.16c0 .18-.155.32-.35.32h-1.835v.8h1.83c.2 0 .35.145.35.32v.16c0 .175-.15.32-.35.32h-2.8c-.19 0-.345-.145-.345-.32zm-2.75 9.82v.43c0 .11.085.2.2.2h.85a.2.2 0 0 0 .2-.2v-.43a.2.2 0 0 0-.2-.2h-.85a.2.2 0 0 0-.2.2m0-3.705v.43a.2.2 0 0 0 .2.2h.43a.2.2 0 0 0 .2-.2v-.43a.2.2 0 0 0-.2-.2h-.43a.2.2 0 0 0-.2.2M12.5 11.33c0-.185.15-.33.335-.33v.005H15.5c.185 0 .335.15.335.33v.905h.03c.075 0 .15-.03.21-.075a.6.6 0 0 1 .38-.135c.415 0 .735.4.595.825a.62.62 0 0 1-.8.375a.6.6 0 0 1-.175-.09a.34.34 0 0 0-.21-.08h-.03v.905a.33.33 0 0 1-.335.33h-1.585a.165.165 0 0 0-.165.165v.085c0 .09.075.165.165.165h2a.33.33 0 0 1 .335.325v.615a.7.7 0 0 0-.44.01a.722.722 0 0 0-.26 1.24a.74.74 0 0 0 .7.155v.615a.33.33 0 0 1-.335.33h-3.08a.33.33 0 0 1-.31-.203a.3.3 0 0 1-.025-.127v-2.8c0-.09.075-.16.165-.16h.085a.163.163 0 0 0 .165-.165v-.085a.165.165 0 0 0-.165-.165h-.085a.165.165 0 0 1-.165-.165zm5 1.535v-.43c0-.11.09-.2.2-.2h.85c.115 0 .2.085.2.2v.43a.2.2 0 0 1-.2.2h-.85a.2.2 0 0 1-.2-.2M16.585 11a.334.334 0 0 0-.335.33v.615a.747.747 0 0 1 .94.575a.74.74 0 0 1-.94.83v.615c0 .18.15.325.335.325h1.335v.035c0 .075-.03.15-.08.21a.6.6 0 0 0-.09.17a.56.56 0 0 0 .03.47a.65.65 0 0 0 .56.35c.345 0 .62-.275.62-.615a.6.6 0 0 0-.04-.205a.6.6 0 0 0-.095-.17a.35.35 0 0 1-.075-.21v-.035h.915c.185 0 .33-.145.33-.325V11.33a.33.33 0 0 0-.33-.33zm1.335 5.57v-.43c0-.11.09-.2.2-.2h.435c.11 0 .2.09.2.2v.43a.2.2 0 0 1-.2.2h-.435a.2.2 0 0 1-.2-.2m1.13-1.86q.03.096.03.2a.742.742 0 0 1-.841.741a.738.738 0 0 1-.61-.941H17a.33.33 0 0 0-.334.325v.905h-.03a.33.33 0 0 1-.21-.075a.5.5 0 0 0-.175-.09a.6.6 0 0 0-.475.025a.65.65 0 0 0-.36.56a.618.618 0 0 0 .835.57c.065-.02.12-.05.175-.09a.33.33 0 0 1 .21-.075h.03v.9c0 .185.15.33.335.33h2.665c.185 0 .335-.15.335-.325v-2.635a.33.33 0 0 0-.335-.33h-.615z"/></g><defs><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>Ggp Background アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ggp-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ggp-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ggp-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ggp-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ggp-background"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ggp-background"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ggp-background.svg" alt="Ggp Background アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
Ggp Background アイコン のよくある質問
Ggp Background アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ggp Background アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ggp-background" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ggp Background アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ggp-background.svg" alt="Ggp Background アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。