Ghny アイコン
token-branded:ghny
Ghny アイコン(token-branded:ghny)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#f2c75c" d="M7.774 3.815L3.078 11.98a.62.62 0 0 0 .01.62l4.687 7.6c.106.17.28.27.471.27h7.508c.19 0 .37-.106.47-.265l4.686-7.608a.6.6 0 0 0 .01-.619l-4.695-8.164a.56.56 0 0 0-.482-.286H8.256a.54.54 0 0 0-.477.286z"/><path fill="#ffe1a4" d="M7.986 7.563a1.41 1.41 0 0 1 1.43-1.387h5.162c.794 0 1.434.62 1.434 1.387c0 .768-.635 1.26-1.429 1.26h-2.012c-.317 0-.572.222-.572.53v1.032c0 .307.255.556.572.556h4.876c.794 0 1.435.556 1.435 1.323c0 .768-.64 1.324-1.43 1.324h-3.16c-.318 0-.704.222-.704.53v.375c0 .307.386.683.704.683h.291c.794 0 1.387.556 1.387 1.324c0 .767-.598 1.323-1.392 1.323H9.42c-.794 0-1.392-.556-1.392-1.323c0-.768.598-1.324 1.392-1.324h2.007c.317 0 .571-.37.571-.683v-.376c0-.307-.254-.53-.571-.53H6.546c-.794 0-1.43-.555-1.43-1.323s.642-1.323 1.43-1.323h3.161c.318 0 .704-.249.704-.556V9.352c0-.307-.386-.529-.704-.529h-.291c-.794 0-1.43-.492-1.43-1.26"/></g></svg>Ghny アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:ghny" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:ghny" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:ghny" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--ghny]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:ghny"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:ghny"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/ghny.svg" alt="Ghny アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Ghny アイコン
Ghny アイコン のよくある質問
Ghny アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ghny アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:ghny" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ghny アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/ghny.svg" alt="Ghny アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。