Icon-Button @icon-button

Approved

Variants

Icon-Button primary @icon-button--primary

Vorschau in eignem Tab anzeigen
Vorschau in eignem Tab anzeigen
 
<button class="icon-button" type="button"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-b2f6-title">
    <title id="icon-b2f6-title">List</title>
    <use xlink:href="#icon-list"></use>
  </svg></button>

Icon-Button secondary @icon-button--secondary

Vorschau in eignem Tab anzeigen
Vorschau in eignem Tab anzeigen
 
<button class="icon-button icon-button--secondary" type="button"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-97f3-title">
    <title id="icon-97f3-title">List</title>
    <use xlink:href="#icon-list"></use>
  </svg></button>

Icon-Button disabled @icon-button--disabled

Vorschau in eignem Tab anzeigen
Vorschau in eignem Tab anzeigen
 
<button class="icon-button" type="button" disabled="disabled"><svg class="icon icon--list icon-button__icon" viewBox="0 0 200 200" role="img" aria-labelledby="icon-dedd-title">
    <title id="icon-dedd-title">List</title>
    <use xlink:href="#icon-list"></use>
  </svg></button>