Ghost アイコン
noto-v1:ghost
Ghost アイコン(noto-v1:ghost)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- スマイリー・感情
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#e0e0e0" d="M27.63 43.86c-5.81-.68-11.83-3.43-14.03-8.93c-1.71-4.27-3.17-10.64-8.16-9.88c-6.17.94-4.72 13.44-3.27 18.26c5.89 19.6 25.08 22.7 25.39 22.22c.39-.57 1.51-21.69.07-21.67"/><path fill="none" d="M18.56 40.37s1.58 3.65-1.09 9.21c-3.11 6.49-10.11 7.17-10.11 7.17"/><path fill="#ccc" d="M27.63 43.86c-3.12-.37-6.29-1.33-8.91-3c0 0 1.17 3.26-.8 7.7c-2.21 5-8.32 7.68-8.32 7.68c7.78 8.13 17.74 9.64 17.96 9.3c.39-.58 1.51-21.7.07-21.68"/><path fill="#e0e0e0" d="M100.37 43.86c5.81-.68 11.83-3.43 14.03-8.93c1.71-4.27 3.17-10.64 8.16-9.88c6.17.94 4.72 13.44 3.27 18.26c-5.89 19.6-25.08 22.7-25.39 22.22c-.39-.57-1.51-21.69-.07-21.67"/><path fill="#ccc" d="M120.11 48.06c-3.78 4.17-12.44 8.15-20.38 8.73c.17 4.5.47 8.5.64 8.74c.32.47 19.5-2.62 25.39-22.22c.76-2.54 1.53-7.23 1.17-11.22c-.71 5.84-2.85 11.6-6.82 15.97"/><path fill="#e0e0e0" d="M106.82 49.7c-.01-2.6-.17-5.16-.47-7.62c-2-16.35-11.24-30.55-24.12-37.07C76.18 1.95 69.84.71 63.3 1.35C50.81 2.6 37.97 9.79 30.57 22.17c-17.74 29.67-6.38 65.56-3.38 71.66c15.34 31.17 40.12 33.83 52.62 32.82c13.58-1.1 29.43-6.61 31.69-12.81c.53-1.47.46-3.06-.2-4.48c-1.3-2.75-3.95-2.49-4.82-2.41l-.99.11l-.26.01c-3.78-.05-5.44-1.02-6.59-3.81c-1.75-4.27-.31-10.54 1.15-15.52c2.99-10.23 7.1-24.24 7.03-38.04"/><path fill="#2f2f2f" d="M76.47 45.67c1.74-.29 3.59-.51 5.37-.34c1.81.19 3.58 1 5.45.76c1.22-.15 2.53-.95 3.24-1.86c1.51-1.92 1.66-4.42.82-6.6a7.9 7.9 0 0 0-3.25-3.87c-3.71-2.25-9.03-.83-12.15 1.91c-3.2 2.8-5.53 7.56-4.02 9.65c.9 1.26 3.44.52 4.54.35m-25.65 0c-1.74-.29-3.59-.51-5.37-.34c-1.81.19-3.58 1-5.45.76c-1.22-.15-2.53-.95-3.24-1.86c-1.51-1.92-1.66-4.42-.82-6.6a7.9 7.9 0 0 1 3.25-3.87c3.71-2.25 9.03-.83 12.15 1.91c3.2 2.8 5.53 7.56 4.02 9.65c-.91 1.26-3.45.52-4.54.35m12.82 6.71c-7.02 0-10.2 7.25-10.2 13.98c0 6.72 3.6 10.37 10.2 10.37s10.2-3.65 10.2-10.37c0-6.73-3.18-13.98-10.2-13.98"/><path fill="none" d="M103.13 28c2.27 8.6.12 47.26-17.67 65.57c-13.88 14.28-43.03 19.77-47.33 17.13"/><path fill="#ccc" d="M111.29 109.36c-1.3-2.75-3.95-2.49-4.82-2.41l-.99.11l-.26.01c-3.78-.05-5.44-1.02-6.59-3.81c-1.75-4.27-.31-10.54 1.15-15.52c2.99-10.24 7.1-24.25 7.03-38.05c-.01-2.6-.17-5.16-.47-7.62c-.5-4.1-1.46-8.07-2.82-11.82c.33 19.24-3.29 43.72-19.82 60.74c-13.2 13.59-35.75 21.5-44.77 20.02C53.22 126 70.16 127.42 79.8 126.64c13.58-1.1 29.43-6.61 31.69-12.81a5.78 5.78 0 0 0-.2-4.47"/></svg>
Ghost アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:ghost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:ghost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:ghost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--ghost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:ghost"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:ghost"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/ghost.svg" alt="Ghost アイコン" width="24" height="24">
Ghost アイコン のよくある質問
Ghost アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ghost アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:ghost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ghost アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/ghost.svg" alt="Ghost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
