> For the complete documentation index, see [llms.txt](https://docs.shipped.club/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.shipped.club/features/icons.md).

# Icons

Shipped comes with the react-icons package installed.

It is the most complete icons package, with many sets already present.

You can find the whole set here: <https://react-icons.github.io/react-icons/>

Using the icons is straight forward.

For instance, for the icon set Tabler Icons (one of my favourites) you can import and icon like this:

```jsx
import { TbSquareRoundedX } from "@react-icons/tb"

<TbSquareRoundedX />
```

It will render:

<div align="left"><figure><img src="/files/oHXITkkzV29mHW7kE5HI" alt=""><figcaption></figcaption></figure></div>

The icons are SVG, so you can style them with normal CSS rules.

I style them this way using ChakraUI:

```jsx
<Flex
    color="brand.500" // change the icon color
>
    <TbSquareRoundedX />
</Flex>
```