Ghost アイコン
fluent-emoji-flat:ghost
Ghost アイコン(fluent-emoji-flat:ghost)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- スマイリー・感情
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#9b9b9b" d="M16.034 1.5c-5.29 0-9.78 3.792-10.536 8.904l-.001.009L5.26 12.5H2.748c-1.088 0-1.627 1.32-.864 2.084L4.702 17.4L3.557 27.467c-.207 1.386.725 2.813 2.209 3a4 4 0 0 0 3.296-1.097a3.02 3.02 0 0 1 4.18 0c1.538 1.499 4.035 1.499 5.574 0a3.02 3.02 0 0 1 4.179 0a4 4 0 0 0 2.968 1.121h.001c1.584-.073 2.76-1.501 2.537-3.043l-1.143-10.082l2.783-2.782c.764-.764.224-2.084-.863-2.084h-2.47l-.237-2.087l-.002-.008C25.825 5.291 21.324 1.5 16.035 1.5"/><path fill="#fff" d="m6.152 13.5l.337-2.957c.684-4.6 4.735-8.043 9.545-8.043s8.87 3.443 9.545 8.042l.335 2.958h3.364c.192 0 .293.24.156.376L26.311 17l1.198 10.577l.001.009c.141.954-.591 1.86-1.591 1.906a3 3 0 0 1-2.227-.838c-1.538-1.499-4.035-1.499-5.574 0a3.02 3.02 0 0 1-4.179 0c-1.539-1.499-4.035-1.499-5.574 0a3 3 0 0 1-2.474.822c-.874-.111-1.48-.978-1.344-1.868l.001-.01L5.75 17.036l-3.159-3.159c-.136-.136-.036-.376.157-.376z"/><path fill="#89029c" d="M21 12H11s0 5 5 5s5-5 5-5"/><path fill="#f70a8d" d="m19.588 16.058l.177-.885a1.254 1.254 0 0 0-.925-1.463a11.7 11.7 0 0 0-5.68 0a1.254 1.254 0 0 0-.925 1.463l.177.885a3.66 3.66 0 0 0 7.176 0"/><path fill="#321b41" d="M11.724 7.053a.5.5 0 1 0-.447.894l1.105.553l-1.105.553a.5.5 0 1 0 .447.894l2-1a.5.5 0 0 0 0-.894zM21 8.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0"/></g></svg>
Ghost アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ghost" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ghost" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ghost" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ghost]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:ghost"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:ghost"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ghost.svg" alt="Ghost アイコン" width="24" height="24">
Ghost アイコン のよくある質問
Ghost アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Ghost アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:ghost" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ghost アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ghost.svg" alt="Ghost アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
