The Tabler spade icon visually represents the spade suit from playing cards, commonly used in interfaces related to gambling, card games, or as a geometric shape.
Common uses
- Card game interfaces
- Casino-themed applications
- Geometric shape selection
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconSpade } from '@tabler/icons-react';
<IconSpade size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconSpade size={24} stroke={2} />filled
<IconSpadeFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- cardscasinopokershapesgamblespadegeometryformfigurepatterncard suitpoker iconcasino symbolgeometric spade
FAQ
- What is the spade icon used for?
- It's primarily used to represent the spade suit in card games or casino-related UIs. It can also serve as a general geometric shape.
- How do I use the spade icon in React?
- You can import it directly from the '@tabler/icons-react' library using: `import { IconSpade } from '@tabler/icons-react'`.
- What is the license for the spade icon?
- The Tabler icon library, including the spade icon, is distributed under the MIT license.
Related icons
The same idea in other libraries, and near matches in Tabler.
Looking for something else? Search Tabler 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 →