Enhance your icon workflow 10x with the Nucleo app
Launch Web App
Browse loader and spinner icons for loading states, progress feedback, and buttons waiting on a server response. Find circular spinners, bar spinners, dotted loaders, and refresh arrows in outline, fill, and duo styles, centered in their grid so they rotate cleanly. Download them as SVG, copy them as React components, or customize them in the Nucleo apps.
Nucleo Core loaders come in outline and fill styles at 24, 32, and 48px. These 6 outline spinners at 32px rotate with a single CSS class, from circular and bar spinners to dotted loaders and refresh arrows, ready for page loads, data fetching, and sync states.
Drop a Nucleo UI loader into a button to show that an action is in progress. Drawn on an 18px grid, the outline duo spinner sits next to the label at text size, so buttons like Publish, Save, or Submit stay readable while the request completes.
Browse icons by category: