The Phosphor spade icon depicts the spade suit from a deck of cards, commonly used in interfaces related to card games, gambling, or as a symbolic element.
Common uses
- Representing the spade suit in a card game UI.
- Icon for a 'gambling' or 'casino' related feature.
- Part of a set of card suit icons.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Spade } from '@phosphor-icons/react';
<Spade size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Spade size={24} />thin
<Spade size={24} weight="thin" />light
<Spade size={24} weight="light" />bold
<Spade size={24} weight="bold" />fill
<Spade size={24} weight="fill" />duotone
<Spade size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- games
- Keywords
- spadessuitscardsgamblingcasinogaminggamesspadecard suitplaying card
FAQ
- What does the spade icon represent?
- It represents the spade suit, one of the four suits in a standard deck of playing cards.
- How do I use the spade icon in React?
- You can import and use it like this: import { Spade } from '@phosphor-icons/react'. Then render it as <Spade />.
- What is the license for the Phosphor spade icon?
- The Phosphor icon library, including the spade 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 →