Add your icons

There are two easy ways to add your icons to Ant Design System for Figma:

Copy & Paste

‍

1. Make sure your icons are in SVG and copy them.
2. Go to the UI kit file and Icons page.
3. Create a new frame and rename it (for example 'My New Icons') so you can easily find it in the assets panel.
4. Paste your new icons inside that frame.
5. Select all icons.
6. Click on the 'Create multiple components' button at the top of the screen.

Voila! Now you can use your new icons in your project.

Library

‍

This method is only for available for Figma users with Professional and Ogranization plans.

1. Make sure your new icon library is published to your team library in Figma. More details about Team Libraries and how to use them can be found here.
2. Enable your new icon library in the UI kit file

Voila! Now you can use your new icons in your project.