What is the diamonds icon used for?

It's typically used to represent the diamond suit in card games, or as a general geometric shape in UI designs.

How do I use the diamonds icon in React?

You can import and use it like this: import { IconDiamonds } from '@tabler/icons-react';

What is the license for the diamonds icon?

The Tabler icons, including the diamonds icon, are available under the MIT license.

diamonds icon

Tabler · diamonds · MIT

The Tabler diamonds icon visually represents the diamond suit from a deck of cards, commonly used in interfaces related to games, gambling, or abstract geometric patterns.

Common uses

Card game interfaces
Casino-themed applications
Abstract geometric design elements

Use it in React

Install

npm i @tabler/icons-react

Import & render

import { IconDiamonds } from '@tabler/icons-react';

<IconDiamonds size={24} stroke={2} />

Styles

Tabler ships this icon in 2 styles — each its own import:

outline

<IconDiamonds size={24} stroke={2} />

filled

<IconDiamondsFilled size={24} stroke={2} />

Details

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Shapes
Keywords: gamblinggamecasinocardspokerdiamondsgeometryformfigurepatternshapesdiamond suitgemrhombusplaying card

FAQ

What is the diamonds icon used for?: It's typically used to represent the diamond suit in card games, or as a general geometric shape in UI designs.
How do I use the diamonds icon in React?: You can import and use it like this: import { IconDiamonds } from '@tabler/icons-react'; <IconDiamonds />
What is the license for the diamonds icon?: The Tabler icons, including the diamonds icon, are available 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 →