Skip to content
DocsSupportPricing
Roadmap (has updates coming soon)XFigma3.7K
Sign inGet All-Access

Icons

Alert Shadcn Icons: Bells, info, warnings and help

18
Alert icons for notification centers, toasts, banners and help hints: 18 icons in 4 styles that install through the shadcn CLI or the ReUI MCP.

All Alerts icons

  • Exclamation Badge
  • Exclamation Circle
  • Exclamation Hexagon
  • Information Circle
  • Information Hexagon
  • Loading
  • Megaphone
  • Notification
  • Notification Bing
  • Notification Circle
  • Notification Favorite
  • Notification On
  • Notification Square
  • Notification Status
  • Question
  • Question Circle
  • Rescue
  • Verify

Alert Shadcn Icons for notification centers

The alerts category holds 18 icons for telling users that something happened or needs attention: notification bells, info and exclamation badges, question marks for help, a megaphone for announcements, a loading spinner and a verified badge. 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 notification, notification bing, information circle, exclamation circle, question circle, megaphone and verify. 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 alert icons go

Alert icons are built for notification centers, toasts, banners and help hints.

  • Notification bells and unread states in app headers
  • Info, warning and success badges in toasts, banners and form messages
  • Help and FAQ entry points with the question marks

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

Which icon should I use for a warning?

Exclamation circle and exclamation hexagon carry a warning, information circle is for neutral info, and verify marks success. Exclamation badge puts the exclamation mark in a scalloped badge, for flagged items.

How many alert icons are there?

18, each drawn in outline, solid, duotone and filled. The number on this page is read from the registry build, so it stays current as icons are added.

Are alert 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.

Which frameworks do they support?

Any React project on Tailwind CSS, with or without shadcn/ui. Each style is its own React component that takes a className and draws in currentColor, so size and color come from your classes.

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.

Application

  • App ShellAdded 4 new App Shell blocks
  • Auth
  • Card
  • Dashboard
  • Dialog
  • Empty State
  • Event Calendar
  • Flow
  • Form
  • Gantt
  • Kanban Board
  • List
  • Navbar
  • Onboarding
  • Profile
  • Rich Text Editor
  • Schedule
  • Settings
  • Sheet
  • Stats
  • Timeline
  • Whiteboard
  • Wizard

Data Grid

  • Base
  • AdvancedNew Advanced category with 3 Data Grid blocks
  • Columns
  • Drag & Drop
  • Editing
  • Expansion
  • Filtering
  • Grouping
  • Virtualization

Charts

  • Area Chart
  • Bar Chart
  • Composed Chart
  • Line Chart
  • Pie Chart
  • Radial Chart
  • Sparkline
  • Status Tracker

AI & Agents

  • AI Chat
  • Agent Activity

Solutions

  • Dev Ops
  • AI Ops
  • CRM
  • Agents
  • Analytics
  • Billing
  • Bookings
  • Files
  • Inventory
  • Users

Templates

  • E-commerce
  • SaaS
  • Dashboard
  • Landing
  • All templates

eCommerce

  • Category Card
  • Checkout
  • Comparison
  • Coupon
  • Filter Sidebar
  • Product Card
  • Product Detail
  • Product Grid
  • Receipt
  • Review
  • Shopping Cart
  • Wishlist
  • Shop Hero

Marketing

  • Blog
  • Compare
  • Contact
  • CTA
  • FAQ
  • Hero
  • How It Works
  • Pricing

Resources

  • Components
  • Blocks
  • Icons
  • MCP for Agents
  • Docs
  • Support
  • Pricing
  • Tailwind Plus Alternative
  • Roadmap(has updates coming soon)
  • AffiliateSoon

Legal

  • Privacy Policy
  • Terms & Conditions
  • License
  • Refunds
  • Cookies

© 2026 ReUI. All rights reserved.

3.7K