This guide explains how to use and manage icons with Iconify in your project.
✅ Applies from v7.0.0 and above.
By default, icons from Iconify are loaded directly from their CDN/API: 🔗 Iconify documentation
While convenient, this approach has some drawbacks:
To improve performance and stability, we’ve changed how icons are used in the project.
Follow the steps below to register, customize, and clean up icons effectively.
You can browse and choose icons directly from Iconify icon sets.
To control and configure icons used in your project, visit: 🔗 Minimal iconify icon.
🎬 Watch the guide: Watch
Need your own icon set? You can also register custom icons easily.
🎬 Watch the guide: Watch
To keep your code clean and optimized, use the following tool to detect and remove unused icons:
🎬 Watch the guide: Watch
npx find-unused-iconifynpx find-unused-iconify -d