Button Icon Destructive 5 - Destructive icon button with count

Pro

Destructive icon button with notification count badge.
Shadcn Button Icon Destructive 5 component

Component data

ID
button/button-icon-destructive-5
Access
pro
Created
May 23, 2026
Type
example
Libraries
Radix UI, Base UI, React Aria

Button Icon Destructive 5 component design & features

This example uses the shadcn Button component with size="icon" and the destructive variant. A badge overlays the icon to show an unread or pending count.

Icon buttons fit toolbars, table row actions, and compact UI where a text label would crowd the layout.