Icon button

A button that contains only an icon

Variants

Regular icon-button
  • 

    <button class="icon-button">
  <svg>
    …
  </svg>
</button>

Usage

When to use

Used in special cases when an icon is enough to communicate a button’s action. This should be used sparingly, and only in cases where a full button is not appropriate.

Class Name Description
icon-button

The class applied to the button element. This will unset the default button styling.