Cmd/Ctrl + K to search
ESC to clear / exit
Watson
  • Welcome
  • Getting started
  • Latest Updates
  • Contributing
  • Foundations
  • Watson Web
  • Watson Mobile
  • UI Kit
Welcome Getting started Latest Updates Contributing Foundations Watson Web Watson Mobile UI Kit
  • Watson Web
  • Components
    • Action Bar
    • Avatar
    • Badge
    • Banner
    • Breadcrumbs
    • Button
    • Button Group
    • Calendar
    • Card
    • Checkbox
    • Collapse
    • Combobox
    • Date Picker
    • Divider
    • Dropdown Menu
    • Empty State
    • Feedback
    • Fieldset
    • File Upload
    • Filter
    • Grid
    • Header
    • Icon
    • Icon Button
      • Usage Guidelines
      • Accessibility Guidelines
      • Vue 3
      • Vue 2
      • Web components
    • Illustration
    • Input
    • Label
    • Layout
    • Link
    • Loading overlay
    • Modal
    • Navigation List
    • Pagination
    • Popover
    • Progress Bar
    • Radio
    • Segmented Control
    • Select
    • Skeleton
    • Spacer
    • Spinner
    • Stack
    • Step Indicator
    • Table
    • Tabs
    • Text
    • Textarea
    • Tile
    • Toast
    • Toggle
    • Tooltip
  • Patterns
  • Templates
Powered by Supernova

Icon Button

The Icon Button is used to display supplementary actions in the interface, either to trigger actions or drive navigation is allowed. They cannot be used as the main call to action.

  • Usage Guidelines
  • Accessibility Guidelines
  • Vue 3
  • Vue 2
  • Web components
Open in Storybook
Icon Button
Accessibility Guidelines
Icon Button
Vue 2

© 2026 Watson. Page last updated on Sep 18, 2025, 13:55