Go to homepage

Style /

Fill Icons

Browse fill icons for interfaces that need solid, high-contrast symbols. These filled SVG icons come in solid and duo styles, ready to download as SVG, use as React components, or customize in the Nucleo apps.

View All Icons
Nucleo Core fill icons at 32px

Nucleo Core fill icons are solid shapes at 24, 32, and 48px. This grid shows 16 fill icons at 32px, a sample of the filled set for product pages, dashboards, and marketing.

Nucleo UI fill icons at 18px

Built on an 18px grid, Nucleo UI fill icons are solid shapes for interface components. Shown here as 16 fill icons at 18px, for toolbars, navigation, and buttons.

Nucleo UI duo fill icons at 18px

Nucleo UI fill duo uses a solid shape plus a softer second tone. These 16 fill duo icons at 18px keep a second color for detail while the icon stays filled.

Nucleo Micro Bold fill icons at 20px

Nucleo Micro Bold is a compact filled set at 20px. This grid shows 16 fill icons at 20px, sized for tight navigation and small controls.

Icon Categories

Enhance your icon workflow 10x with the Nucleo app

Launch Web App
Nucleo app preview