Ghost アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:ghost

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

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: スマイリー・人物

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#f0f0f0" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M46.52 11.29a1.89 1.89 0 0 0-2.77 1.38a8.54 8.54 0 0 1-4.35 6.21v1.06c0 3.22.13 5.92.35 8.18l1.79-1.87a21.56 21.56 0 0 0 5.95-13.15a1.9 1.9 0 0 0-.97-1.81M8.21 28.12c.22-2.26.35-5 .35-8.18v-1.06a8.54 8.54 0 0 1-4.35-6.21a1.88 1.88 0 0 0-3.74.43a21.56 21.56 0 0 0 5.95 13.15Z"/><path fill="#f0f0f0" d="M39.44 19.94a15.44 15.44 0 0 0-30.88 0c0 18.14-4.28 19.68-2.7 19.68c3.78 0 4.63-1.93 7-1.93s3.09 1.93 5.79 1.93s3.08-1.93 5.4-1.93s2.7 1.93 5.4 1.93s3.48-1.93 5.79-1.93s3.17 1.93 7 1.93c1.48 0-2.8-1.54-2.8-19.68"/><path fill="#e0e0e0" d="M35.91 35.46c-2.46 0-3.28 1.9-6.16 1.9s-3.29-1.9-5.75-1.9s-2.88 1.9-5.75 1.9s-3.7-1.9-6.16-1.9C10 35.46 9 36.79 6.4 37.22c-.76 2.07-1.26 2.4-.54 2.4c3.78 0 4.63-1.93 7-1.93s3.09 1.93 5.79 1.93s3.08-1.93 5.4-1.93s2.7 1.93 5.4 1.93s3.48-1.93 5.79-1.93s3.17 1.93 7 1.93c.72 0 .22-.33-.54-2.4c-2.7-.43-3.7-1.76-5.79-1.76"/><path fill="#fff" d="M19.37 7.59a4.63 1.16 0 1 0 9.26 0a4.63 1.16 0 1 0-9.26 0"/><path fill="#45413c" d="M6.5 44.5a17.5 1.5 0 1 0 35 0a17.5 1.5 0 1 0-35 0" opacity=".15"/><path fill="#ffaa54" d="M12.81 23.8c0 .64.86 1.15 1.93 1.15s1.93-.51 1.93-1.15s-.87-1.16-1.93-1.16s-1.93.52-1.93 1.16"/><path fill="#e0e0e0" d="M12.81 23.8c0 .64.86 1.15 1.93 1.15s1.93-.51 1.93-1.15s-.87-1.16-1.93-1.16s-1.93.52-1.93 1.16m22.38 0c0 .64-.86 1.15-1.93 1.15s-1.93-.51-1.93-1.15s.87-1.16 1.93-1.16s1.93.52 1.93 1.16"/><path fill="#656769" d="M33.26 18.39a2.7 2.7 0 1 1-2.7-2.7a2.7 2.7 0 0 1 2.7 2.7"/><path fill="#525252" d="M30.56 17.24a2.7 2.7 0 0 1 2.58 1.92a2.8 2.8 0 0 0 .12-.77a2.7 2.7 0 1 0-5.4 0a2.8 2.8 0 0 0 .12.77a2.7 2.7 0 0 1 2.58-1.92"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M33.26 18.39a2.7 2.7 0 1 1-2.7-2.7a2.7 2.7 0 0 1 2.7 2.7"/><path fill="#656769" d="M13.58 17.24a3.86 3.86 0 1 0 3.86-3.86a3.85 3.85 0 0 0-3.86 3.86"/><path fill="#525252" d="M17.44 15.31a3.84 3.84 0 0 1 3.72 2.89a3.86 3.86 0 1 0-7.44 0a3.84 3.84 0 0 1 3.72-2.89"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M13.58 17.24a3.86 3.86 0 1 0 3.86-3.86a3.85 3.85 0 0 0-3.86 3.86"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M39.44 19.94a15.44 15.44 0 0 0-30.88 0c0 18.14-4.28 19.68-2.7 19.68c3.78 0 4.63-1.93 7-1.93s3.09 1.93 5.79 1.93s3.08-1.93 5.4-1.93s2.7 1.93 5.4 1.93s3.48-1.93 5.79-1.93s3.17 1.93 7 1.93c1.48 0-2.8-1.54-2.8-19.68"/><path fill="#ffb0ca" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.19 25.67c.38 6.21 3.93 8.47 5.28 9.24a1.11 1.11 0 0 0 1.06 0c1.35-.77 4.9-3 5.28-9.24a1.06 1.06 0 0 0-1.06-1.12h-9.5a1.06 1.06 0 0 0-1.06 1.12"/><path fill="#ff6242" d="M24 29.58c0-1.15 3.47-.81 3.47.39v5a3.47 3.47 0 0 1-6.94 0V30c0-1.23 3.47-1.57 3.47-.42"/><path fill="#ff866e" d="M24 29.58c0-1.15-3.47-.81-3.47.39v1.54c0-1.2 6.94-1.2 6.94 0V30c0-1.23-3.47-1.57-3.47-.42"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24 29.58c0-1.15 3.47-.81 3.47.39v5a3.47 3.47 0 0 1-6.94 0V30c0-1.23 3.47-1.57 3.47-.42"/></svg>

Ghost アイコンの使い方

React

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

<Icon icon="streamline-emojis:ghost" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:ghost" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:ghost" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:ghost"></iconify-icon>

HTML 画像

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

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

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

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →