<!-- Einfach, transparent -->
<a class="icon-button" href="#" title="Einfacher Icon-Button"><span class="icon-button__text u-hidden-visually">Einfacher Icon-Button</span><span class="icon-button__circle"><svg class="icon icon--dummy icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-dummy"></use>
</svg></span></a>

{
  "title": "Einfacher Icon-Button",
  "icon": "dummy",
  "link": "#"
}

<!-- Deaktiviert, transparent -->
<button class="icon-button" title="Deaktivierter Icon-Button" disabled="disabled" type="button"><span class="icon-button__text u-hidden-visually">Deaktivierter Icon-Button</span><span class="icon-button__circle"><svg class="icon icon--dummy icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-dummy"></use>
</svg></span></button>

{
  "title": "Deaktivierter Icon-Button",
  "icon": "dummy",
  "disabled": true
}

<!-- Groß, transparent -->
<a class="icon-button icon-button--large" href="#" title="Großer Icon-Button"><span class="icon-button__text u-hidden-visually">Großer Icon-Button</span><span class="icon-button__circle"><svg class="icon icon--dummy icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-dummy"></use>
</svg></span></a>

{
  "title": "Großer Icon-Button",
  "icon": "dummy",
  "link": "#",
  "large": true
}

<!-- Groß, weiß -->
<a class="icon-button icon-button--large icon-button--white" href="#" title="Großer Icon-Button"><span class="icon-button__text u-hidden-visually">Großer Icon-Button</span><span class="icon-button__circle"><svg class="icon icon--dummy icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-dummy"></use>
</svg></span></a>

{
  "title": "Großer Icon-Button",
  "icon": "dummy",
  "link": "#",
  "large": true,
  "white": true
}

<!-- Groß, schwebend -->
<a class="icon-button icon-button--large icon-button--floating" href="#" title="Großer Icon-Button"><span class="icon-button__text u-hidden-visually">Großer Icon-Button</span><span class="icon-button__circle"><svg class="icon icon--dummy icon-button__icon" viewBox="0 0 200 200" role="presentation">
  <use xlink:href="#icon-dummy"></use>
</svg></span></a>

{
  "title": "Großer Icon-Button",
  "icon": "dummy",
  "link": "#",
  "large": true,
  "floating": true
}