Icons

Agent-Ready Shadcn UI Icons

667

667 handcrafted Shadcn UI icons in 4 styles, ready for your AI agent: the ReUI MCP finds the right icon by meaning, knows when to use it, and installs it with the shadcn CLI.

Icon Library for React Projects

ReUI icons are designed for teams that want one consistent icon set across product UI, docs, onboarding, dashboards, settings and marketing surfaces. The library holds 667 icons in 32 categories, each drawn in outline, solid, duotone and filled.

Every icon has its own page with a preview in all 4 styles, the shadcn CLI install command, the React import, demos in shadcn/ui components and related icons. Some icons also ship an animated variant that plays on hover; turn on the Animated toggle to see only those.

Icon Library Features

Handcrafted set designed for production UI instead of generic placeholder symbol packs.
4 visual styles including outline, solid, duotone, and filled so the same concept can match different interface densities.
Consistent grid and weight drawn on a shared 24px grid so icons stay crisp and align cleanly next to text at any size.
A page per icon with the install command, the React import, shadcn/ui component demos, use cases and related icons, so you can check an icon before you install it.
Animated variants for the icons that have one, built with motion/react and played on hover or from your own code.
Fully customizable preview with controllable color, size, style, and variant settings.
Shadcn registry compatible with CLI-friendly installation aliases for teams that want copyable delivery.
Category-based browsing across 32 categories, to help you find icons by product intent instead of scanning one long list.

How Teams Use the Icon Library

Pick a category first when you know the product area, such as finance, alerts, controls, security, or communication.
Switch styles to test whether the same icon works better as outline, solid, duotone, or filled within your existing UI.
Mix styles by role within a screen, such as outline for secondary actions and filled for primary ones, to guide attention.
Open an icon's page to copy its install command or React import, and compare it with the related icons listed there.

Browse Icon Categories

All 32 categories in the set, each one a page of icons in all 4 styles.

Action Icons Add, remove, confirm, filter, copy and delete.
Arrow Icons Direction, navigation and reordering.
Layout Icons Grids, page layouts, menus and carousels.
Shape Icons Circles, cubes, hexagons, stars and waves.
Alert Icons Bells, info, warnings and help.
Control Icons Settings, toggles and sliders.
File Icons Documents, folders and file actions.
Text Icons Formatting, alignment and lists.
Media Icons Playback, video, audio and images.
Design Icons Color, brushes and creative tools.
Chart Icons Bar, line and pie charts and trends.
Time Icons Calendars, clocks and scheduling.
Development Icons Code, terminals, data and AI.
Device Icons Phones, screens and hardware.
Network Icons Cloud, Wi-Fi and connections.
Security Icons Locks, keys, shields and visibility.
Business Icons Briefcases, work and goals.
Finance Icons Banks, cards, currencies and bills.
Crypto Icons Coin and token marks.
Commerce Icons Carts, discounts, price tags and receipts.
Shipping Icons Parcels, delivery and tracking.
User Icons People, profiles and teams.
Communication Icons Messages, calls and contact.
Map Icons Pins, routes and places.
Transport Icons Cars, planes, ships and couriers.
Hotel & Hospitality Icons Rooms, baths, pools, dining and guest amenities.
Education Icons Books, awards and achievements.
Health Icons Medicine, labs and care.
Weather Icons Sun, moon and conditions.
Nature Icons Plants, food and landscapes.
Emoji Icons Faces, likes and reactions.
Brand Icons Social, framework and app logos.

Frequently Asked Questions

Can I use these icons in React and shadcn projects?

Yes. The icon library is designed to fit React applications and works well alongside shadcn-based UI systems and Tailwind CSS workflows.

How should I choose between the 4 icon styles?

Use outline for lighter, secondary UI, solid or duotone for balanced emphasis, and filled for primary actions where you want the icon to stand out.

Are the icons free?

No, they are part of ReUI Ultimate: a one-time payment with lifetime updates, every icon in every style. Anyone can browse each glyph with its install command, keywords and related icons on its own page; installing an icon, its source and its SVG download need an Ultimate license.

Does every icon have its own page?

Yes. Every icon links to a page with a preview in all 4 styles, the install command, the React import, its keywords, use cases and related icons, for example arrow left or calendar.

Are the icons animated?

Some are. Icons with an animated variant also ship a motion/react version that plays on hover; turn on the Animated toggle to see only those. Every icon also ships as a static component in all 4 styles.

Can I still install an icon by its old name?

Yes, except for the old tag icon. Every other renamed icon keeps its previous install name as an alias that resolves to the current icon, and the icon's page lists the former name. The tag icon drew a money bag, so that name was retired without an alias: install money bag, or price tag for a tag shape.

Start building with ReUI Pro today.

Every Pro block, every style, and every future addition, with one license for unlimited projects.

Get All-Access

From $249, once. Lifetime updates.