Ghost アイコン

Q: Ghost アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

token:ghost

Ghost アイコン(token:ghost)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Web3 Icons
作者: 0xa3k5
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M17.263 8.283q0 .11-.005.22h.005c.73-.587 2.193-.733 2.193.22c0 .88-1.111 1.981-1.989 3.082v3.124c.015.746-.335 1.969-.497 1.988c0 0 0-.745-.497-.745s-1.242 2.485-1.242 2.485s-.249-.497-.497-.497c-.598 0-.994 1.242-.994 1.242s-.313-.343-.746 0c-.266.212-.617 1.598-.848 1.598c-.207 0-.146-2.343-1.14-2.343c-.746 0-.746.994-.746.994c-.497 0-.994-2.237-1.49-2.237c-.498 0-.498.497-.498.497c-.248 0-.248-1.74-.746-1.74c-.248 0-.248.498-.497.498c-.248 0-.512-1.243-.497-1.74v-3.124c-.877-1.1-1.988-2.201-1.988-3.082c0-.953 1.462-.807 2.193-.22h.005a5 5 0 0 1-.005-.22C6.737 5.365 9.094 3 12 3c2.907 0 5.263 2.365 5.263 5.283m-7.857 0a.441.441 0 0 1 .31-.751a.44.44 0 0 1 .31.128l.31.311a.442.442 0 0 1-.31.752a.44.44 0 0 1-.31-.129zm5.135-.623a.44.44 0 0 1 0 .623l-.31.311a.44.44 0 0 1-.62 0a.44.44 0 0 1 0-.623l.309-.31a.44.44 0 0 1 .62 0" clip-rule="evenodd"/></svg>

Ghost アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="token:ghost" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="token:ghost" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="token:ghost" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[token--ghost]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:ghost"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="token:ghost"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/token/ghost.svg" alt="Ghost アイコン" width="24" height="24">

他のアイコンセットの Ghost アイコン

Ghost アイコンのよくある質問

Ghost アイコンは商用利用でも無料ですか?

はい。Web3 Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Ghost アイコンを使うには?

@iconify/react をインストールして <Icon icon="token:ghost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Ghost アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/ghost.svg" alt="Ghost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Web3 Icons をすべて見る →