Outline Icons
Browse outline icons for interfaces that need a light, stroke-based look. These stroke SVG icons include duo, sharp, and pixel styles, ready to download as SVG, use as React components, or customize in the Nucleo apps.
Nucleo Core outline icons are customizable at 24, 32, and 48px. Stroke width goes up to 2px on the 24 and 32px grids and up to 4px on the 48px grid, and caps and corners can be round or square. This grid shows 16 outline icons at 32px.
Nucleo UI outline icons sit on an 18px grid, with a customizable stroke up to 1.5px. Shown here as 16 outline icons at 18px, for toolbars, menus, and compact interface controls.
Nucleo UI outline duo pairs a stroke with a softer filled area, and the stroke is customizable up to 1.5px. These 16 outline duo icons at 18px add a second tone without losing the outline look.
Nucleo Sharp outline icons use straight, square ends on a 24px grid. This grid shows 16 outline icons at 24px, for a crisp stroke style with square corners.
Built on a 24px pixel grid, Nucleo Pixel outline icons have crisp, square strokes. This grid shows 16 outline icons at 24px.
