Button Outline 2 - Outline button with left icon

Pro

Outline button with leading icon.

Shadcn Button Outline 2 component

Component Data

  • ID:button/button-outline-2
  • Access:pro
  • Created:Oct 5, 2025
  • Type:example

Button Outline 2 component design & features

This button adds a leading icon before the label using the shadcn Button outline variant. Icons clarify action type without changing button behavior or accessibility roles.

Icon-left buttons are common for create/add actions, navigation back controls, and download triggers where the pictogram reinforces meaning.