What is the clover icon used for?

It's typically used to symbolize luck, nature, or Irish heritage in UI designs.

How do I use the clover icon in React?

Import it using `import { IconClover } from '@tabler/icons-react'` and use it as a component.

The Tabler clover icon is distributed under the MIT license.

Tabler · clover · MIT

The Tabler clover icon depicts a three-leaf clover, commonly used to represent luck, nature, or Irish themes in user interfaces.

Install

npm i @tabler/icons-react

Import & render

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

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

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

outline

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

filled

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

Library: Tabler (5,093 icons)
License: MIT
viewBox: 0 0 24 24
Category: Nature
Keywords: luckleafpatrickirleandirishcloverenvironmentnaturaloutdoorecosystemnatureluck iconshamrockthree leaf clover

What is the clover icon used for?: It's typically used to symbolize luck, nature, or Irish heritage in UI designs.
How do I use the clover icon in React?: Import it using `import { IconClover } from '@tabler/icons-react'` and use it as a component.
What is the license for this icon?: The Tabler clover icon is distributed under the MIT license.

The same idea in other libraries, and near matches in Tabler.