Page cover

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:

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

<TbSquareRoundedX />

It will render:

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

I style them this way using ChakraUI:

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

Last updated

Was this helpful?