Icons
Last updated
Was this helpful?
Last updated
Was this helpful?
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>