Icon standardization in a React project
· 2 min read
A simple thing that can turn into a big problem for web projects is icon organization.
It is extremely common to use libraries like HugeIcons, Lucide, Material Icons, Font Awesome, React Icons, and many others. It is also quite natural for the team or designer responsible for the project to create their own icons according to the project's and team's needs.
This scale and mix of icons can lead to a lack of standardization in the project — many libraries export similar icons with a wide range of characteristics.
One approach I like to use to avoid this problem is to standardize icons in a single file, exporting only those that are allowed in the project.