Icons
Control Shadcn Icons: Settings, toggles and sliders
12All Controls icons
Control Shadcn Icons for settings pages
The controls category holds 12 icons for configuring an app: gears and a settings nut, on and off toggles, switches, sliders, a wrench and an auto-brightness control. All of them come in outline, solid, duotone and filled, on the same 24px grid as the rest of the set.
Names in this category include setting, gear, toggle on, toggle off, sliders, wrench and switch. Every icon has its own page with the install command, the React import, its keywords and related icons, and installs as a React component that takes its size and color from your classes.
Where control icons go
Control icons are built for settings pages, preference panels and feature switches.
- Settings entries in sidebars, user menus and app headers
- On and off states next to feature flags and notification preferences
- Filter and tuning panels with the slider icons
What ships with each icon
- 4 styles, 1 name Outline, solid, duotone and filled versions of the same glyph, so emphasis changes without switching to a different icon.
- A page per icon Every icon has its own page with a preview in all 4 styles, the install command, the React import, its keywords and related icons.
- Registry install Install an icon by name with the shadcn CLI, every icon in a style with @reui/icons/default/outline/all, or ask your coding agent through the ReUI MCP. Icons are part of ReUI Ultimate.
Frequently Asked Questions
Is there an on and an off toggle?
How many control icons are there?
Are control icons free?
Which frameworks do they support?
Start building with ReUI Pro today.
Every Pro block, every style, and every future addition, with one license for unlimited projects.
From $249, once. Lifetime updates.