Shadcn Button Icon Components

Browse and download 26+ Shadcn UI Button Icon components. Built with React, Tailwind and shadcn/ui. These shadcn components are ready to download, copy and paste or install with the shadcn registry.

Outline icon button sizes

Outline icon buttons at extra-small, small, default, and large icon sizes.

Default icon button

Default icon-only button with aria-label.

Default rounded icon button

Default icon button with rounded-full styling.

Default loading icon button

Default icon button with loading spinner and disabled state.

Default disabled icon button

Disabled default icon button.

Default icon button with count

Default icon button with notification count badge.

Secondary icon button

Secondary icon-only button with aria-label.

Secondary rounded icon button

Secondary icon button with rounded-full styling.

Secondary loading icon button

Secondary icon button with loading spinner and disabled state.

Secondary disabled icon button

Disabled secondary icon button.

Secondary icon button with count

Secondary icon button with notification count badge.

Outline icon button

Outline icon-only button with aria-label.

Outline rounded icon button

Outline icon button with rounded-full styling.

Outline loading icon button

Outline icon button with loading spinner and disabled state.

Outline disabled icon button

Disabled outline icon button.

Outline icon button with count

Outline icon button with notification count badge.

Ghost icon button

Ghost icon-only button with aria-label.

Ghost rounded icon button

Ghost icon button with rounded-full styling.

Ghost loading icon button

Ghost icon button with loading spinner and disabled state.

Ghost disabled icon button

Disabled ghost icon button.

Ghost icon button with count

Ghost icon button with notification count badge.

Destructive icon button

Destructive icon-only button with aria-label.

Destructive rounded icon button

Destructive icon button with rounded-full styling.

Destructive loading icon button

Destructive icon button with loading spinner and disabled state.

Destructive disabled icon button

Disabled destructive icon button.

Destructive icon button with count

Destructive icon button with notification count badge.

Shadcn Button Icon Components

Shadcn button icon components are ready-to-use button examples focused on icon patterns. Browse variants you can copy, paste, or install via the shadcn CLI.

Each component is self-contained React code you can copy and paste into your app. Install the shadcn/ui primitive with the CLI, then customize layout, styling, and behavior to match your product.