Button Icon Outline 5 - Outline icon button with count

Pro

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

Component data

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

Button Icon Outline 5 component design & features

This example uses the shadcn Button component with size="icon" and the outline 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.