Icon-action

icon-action

<button class="icon-action">
  <svg role="img" class="icon">
    <use xlink:href="#x"></use>
  </svg>
</button>

icon-action_size

<button class="icon-action icon-action_size_sm">...</button>
<button class="icon-action">...</button>
<button class="icon-action icon-action_size_lg">...</button>

icon-action_color

<button class="icon-action">...</button>
<button class="icon-action icon-action_color_subtle">...</button>
<button class="icon-action icon-action_color_danger">...</button>
<button class="icon-action icon-action_color_caution">...</button>
<button class="icon-action icon-action_color_success">...</button>
<button class="icon-action icon-action_color_invert">...</button>
<button class="icon-action icon-action_color_invert_subtle">...</button>