Settings Icons
Settings icons give users a clear way into preferences, configuration, and system options: the classic gear and cog symbol, adjustment sliders, toggle switches, and wrenches for setup and maintenance. This page shows them in Nucleo Core and Nucleo UI, ready for app toolbars, admin dashboards, account menus, and control panels. Download any icon as SVG or a React component, or adjust color and stroke in the Nucleo apps for web and desktop.
Nucleo Core covers settings in outline and fill styles at 24, 32, and 48px. Shown here as 16 outline icons at 32px: gears and cogs, sliders, toggles, and a wrench with screwdriver, plus laptop, phone, file, and folder settings for device menus and admin screens.
Built on an 18px grid for interface components, Nucleo UI comes in outline, fill, outline duo, and fill duo. These 16 outline icons at 18px include a cogwheel, gears, horizontal and vertical sliders, toggle buttons, and user and browser settings, sized for sidebars, tabs, and preference panes.
