Ghost アイコン
fxemoji:ghost
Ghost アイコン(fxemoji:ghost)は、Firefox OS Emoji セットの無料 SVG アイコンです（作者: Mozilla）。 72 × 72 のグリッドで描かれています。 Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Firefox OS Emoji
- 作者
- Mozilla
- ライセンス
- Apache-2.0
- サイズ
- 72 × 72
- カテゴリ
- 物
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#D1CFC3" d="M22.541 39.677c-8.687 0-16.824-3.548-21.238-9.26a5.384 5.384 0 1 1 8.519-6.584c2.383 3.083 7.375 5.075 12.72 5.075a5.385 5.385 0 0 1-.001 10.769m48.323-9.26a5.384 5.384 0 1 0-8.519-6.584c-2.383 3.083-7.375 5.075-12.72 5.075a5.383 5.383 0 1 0 0 10.768c8.687.001 16.825-3.546 21.239-9.259"/><path fill="#E5E4DF" d="M60.38 68.154a4.63 4.63 0 0 1-3.438 1.429c-1.786 0-3.454-.941-4.462-2.513c-.562-.874-1.437-1.383-2.399-1.397c-.925.013-1.797.522-2.359 1.397c-1.026 1.597-2.652 2.513-4.462 2.513h-.117c-1.786 0-3.454-.941-4.462-2.513c-.562-.874-1.437-1.383-2.399-1.397c-.925.013-1.797.522-2.359 1.397c-1.026 1.597-2.655 2.513-4.465 2.513a1 1 0 0 0-.115 0c-1.786 0-3.454-.941-4.462-2.513c-.562-.874-1.437-1.383-2.399-1.397c-.925.013-1.799.522-2.359 1.394c-1.026 1.599-2.655 2.516-4.465 2.516q-.113 0-.227-.024c-1.303-.056-2.431-.576-3.212-1.405c-.608-.642-1.309-1.783-1.205-3.577c.138-2.402 4.829-40.319 5.078-42.323c.057-11.085 9.087-20.086 20.186-20.086c11.097 0 20.129 8.999 20.188 20.083c.247 1.986 4.98 39.921 5.118 42.326c.105 1.794-.596 2.937-1.204 3.577"/><path fill="#2B3B47" d="M29.464 22.523v3.656h-.005c0 .005.005.007.005.01a2.602 2.602 0 0 1-5.202 0v-.01h-.011v-3.656h.031a2.595 2.595 0 0 1 2.581-2.38a2.59 2.59 0 0 1 2.575 2.38zm18.708-1.126c-.181-2.103-1.921-3.758-4.066-3.758c-2.151 0-3.892 1.655-4.075 3.758h-.049v5.773H40v.016c0 2.267 1.84 4.107 4.107 4.107s4.107-1.84 4.107-4.107c0-.004-.009-.007-.009-.016h.009v-5.773zm1.607 12.514c-.052-.101-.129-.181-.239-.193c-1.108-.11-25.417-.106-26.522 0a.3.3 0 0 0-.139.057c-.006.004-.014.003-.02.008a.39.39 0 0 0-.082.51l.241.386a18.6 18.6 0 0 0 1.658 2.262a21 21 0 0 0 1.659 1.728c1.101 1.022 2.213 1.766 3.315 2.412c.45.264.655.324.906.43c.018-.013.046-.024.065-.036c1.796.874 3.725 1.375 5.746 1.375c1.982 0 3.876-.482 5.643-1.324l.004.002c.298-.138.597-.258.898-.423c1.104-.637 2.209-1.39 3.314-2.414a20 20 0 0 0 1.655-1.737a18.4 18.4 0 0 0 1.66-2.274l.241-.388a.4.4 0 0 0 .056-.177a.37.37 0 0 0-.059-.204"/><path fill="#FF473E" d="M42.35 33.637v7.606c0 3.358-2.716 6.081-6.066 6.081a6.08 6.08 0 0 1-6.077-6.081v-7.606z"/><path fill="#2B3B47" d="M29.619 36.086v-.831c0-2.12-5.67-1.618 6.228-1.618s7.091-.503 7.091 1.618v.831zm7.601 8.151v-6.396a.941.941 0 0 0-1.882 0v6.396a.942.942 0 0 0 1.882 0"/></svg>
Ghost アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:ghost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:ghost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:ghost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ghost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ghost"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:ghost"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/ghost.svg" alt="Ghost アイコン" width="24" height="24">
Ghost アイコン のよくある質問
Ghost アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ghost アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:ghost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ghost アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/ghost.svg" alt="Ghost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Firefox OS Emoji アイコン をすべて見る →
ICONYZ
