The Phosphor ghost icon depicts a classic, friendly ghost shape, often used to represent spooky themes, Halloween, or abstract concepts like hidden or absent data.
Common uses
- Halloween-themed UI elements
- Loading indicators for "hidden" content
- Placeholder for deleted or unavailable items
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Ghost } from '@phosphor-icons/react';
<Ghost size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Ghost size={24} />thin
<Ghost size={24} weight="thin" />light
<Ghost size={24} weight="light" />bold
<Ghost size={24} weight="bold" />fill
<Ghost size={24} weight="fill" />duotone
<Ghost size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- pac-manspiritscaryhalloweengamesobjectsghost
FAQ
- What does the ghost icon represent?
- It represents a ghost, commonly associated with Halloween, spooky themes, or abstract ideas like something being hidden or absent.
- How do I use the ghost icon in React?
- You can import and use it directly in your React components like this: import { Ghost } from '@phosphor-icons/react'.
- What is the license for this icon?
- The Phosphor icon library, including the ghost icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →