Ghost アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:ghost

Ghost アイコン(openmoji:ghost)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: スマイリー・感情

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M13.995 51.377c-.962-2.069 3.403-6.224 6.017-12.082c1.127-2.525 1.23-4.707.738-6.384c-1.282-2.57-2.356-3.62-3.417-6.123c-.844-1.99 8.174-.29 8.393-.376c.885-.786 3.264-9.554 5.426-12.24c.988-1.227 3.396-2.642 5.781-2.502c2.018.119 4.101 1.302 4.96 2.375c2.172 2.713 4.714 12.206 5.431 12.354c1.93.4 7.969-1.897 8.321.412c.077.506-1.92 5.775-2.244 6.115c-.569 1.348-1.165 3.373-.316 5.48c1.213 3.012 6.055 8.586 6.054 14.024c0 .192-.926 5.52-7.69 3.647c-.151-.042-.184-.138-.268-.202c-1.54-1.169-4.713-1.774-7.61-.918c-3.417 1.01-2.811 2.978-6.954 4.724c-1.084.456-3.111 1.283-5.773 1.05c-.715-.064-2.779-.268-4.812-1.607c-2.915-1.92-2.36-3.929-4.788-5.7c-3.215-2.349-6.552-.549-7.249-2.047"/><ellipse cx="39.898" cy="23.212" fill="#3f3f3f" rx="1.707" ry="3.187"/><ellipse cx="36.519" cy="30.341" fill="#3f3f3f" rx="1.774" ry="2.125"/><path fill="#d0cfce" d="M40.121 56.677c.715-.063 3.52-2.52 5.448-2.368C49.05 54.585 54.573 57.772 57 56c3.215-2.348 1.268-3.096 1.965-4.594c.962-2.07-3.403-6.224-6.017-12.082c-1.127-2.526-1.23-4.707-.738-6.384c1.282-2.57 2.356-3.62 3.417-6.123c.844-1.99-8.174-.29-8.393-.376c-.885-.787-1.924-3.922-3.448-7.712"/><ellipse cx="33.101" cy="23.212" fill="#3f3f3f" rx="1.707" ry="3.187"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><ellipse cx="39.878" cy="23.212" rx="1.707" ry="3.187"/><path d="M13.975 51.377c-.962-2.069 3.403-6.224 6.017-12.082c1.127-2.525 1.23-4.707.738-6.384c-1.282-2.57-2.356-3.62-3.417-6.123c-.844-1.99 8.174-.29 8.393-.376c.885-.786 3.264-9.554 5.426-12.24c.988-1.227 3.396-2.642 5.781-2.502c2.018.119 4.101 1.302 4.96 2.375c2.171 2.713 4.714 12.206 5.431 12.354c1.93.4 7.969-1.897 8.321.412c.077.506-1.92 5.775-2.244 6.115c-.569 1.348-1.165 3.373-.316 5.48c1.213 3.012 6.055 8.586 6.054 14.024c0 .192-.926 5.52-7.69 3.647c-.151-.042-4.981-1.976-7.878-1.12c-3.417 1.01-2.811 2.978-6.954 4.724c-1.084.456-3.111 1.283-5.773 1.05c-.715-.064-2.779-.268-4.812-1.607c-2.915-1.92-2.36-3.929-4.788-5.7c-3.215-2.349-6.552-.549-7.249-2.047"/><ellipse cx="36.499" cy="30.341" rx="1.774" ry="2.125"/><ellipse cx="33.081" cy="23.212" rx="1.707" ry="3.187"/></g></svg>

Ghost アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →