The Tabler clubs icon depicts the suit symbol from a deck of cards, commonly used in UI to represent card games, gambling-related features, or abstract geometric patterns.
Common uses
- Button for 'Play Cards' feature
- Indicator for a 'Casino' section
- Element in a 'Game Rules' infographic
Use it in React
Install
npm i @tabler/icons-reactImport & render
import { IconClubs } from '@tabler/icons-react';
<IconClubs size={24} stroke={2} />Styles
Tabler ships this icon in 2 styles — each its own import:
outline
<IconClubs size={24} stroke={2} />filled
<IconClubsFilled size={24} stroke={2} />Details
- Library
- Tabler (5,093 icons)
- License
- MIT
- viewBox
0 0 24 24- Category
- Shapes
- Keywords
- cardgamecasinogamblingpokerclubsgeometryformfigurepatternshapescard suitgame symbolpoker icongeometric shape
FAQ
- What does the clubs icon represent?
- It represents the clubs suit from a standard deck of playing cards. It can also be used for geometric or shape-related concepts.
- How do I use the clubs icon in React?
- You can import and use it like this: import { IconClubs } from '@tabler/icons-react'. Then render it as <IconClubs />.
- What is the license for the clubs icon?
- The Tabler icons, including clubs, are distributed under the MIT license.
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 →