Menu

Organizing Icons

While the All Icons page is intended for organizing icons at a macro level, you can use Favorites and Projects to organize your icons at a micro level.

Favorites

To mark an icon as a favorite, you just need to click on the small ⭐ star symbol on top-right of each icon. To access the favorites page, just click on Favorites from the main navigation in the top-right of the app.

Projects

To add icons to a project, you can either:

  • select one or more icons, then right-click to trigger the context menu > Add to Project
  • select one or more icons, then click the [Add to Project] button in the export area (bottom-right of the app

To access the projects page, just click on Projects from the main navigation in the top-right of the app

Some advantages related to using projects in Nucleo:

  • When you export an icon font from a project, the app creates an index and associates an index value to each icon; therefore, if you add/remove icons, you can export the new font and CSS files, and replace the old ones. The Unicode values will be preserved.
  • When you export an SVG sprite, an icon font or an SVG symbol from a project, you can use the app to copy the CSS classes or the icons code (bye bye demo files!).
  • Icon names (i.e., CSS class names) won't change in Projects when the same icons are updated in the All icons page. When an icon is copied to a Project, it becomes a new entity.
Copy Unicode from Project

Exporting Icons 👉

Top