Adding custom icons - Method 2. Icon library

Instructions

Please note that this method requires a Figma Professional or Organization plan.

1. Publish your custom icon set as a team in Figma. For guidance on team libraries, refer to Figma's official documentation.
2. In the left sidebar, go to Assets, find your icons marked with the book icon, and publish your library.
3. In the shadcn/ui kit file, enable your newly published icon library.
4. Enable your newly published icon library from the Assets panel.
5. Add them to your components — for example, inside a Button.
6. Remember to update the color variables so your icons match the shadcn/ui kit styling.

‍

After completing these steps, you can access your custom icons through the assets panel, seamlessly integrating them with the shadcn/ui kit components.