Barmer Fractal

Link: With Icon Left 

<a href="http://zdf.de" class="a-link link--with-icon-left">
    <i class="a-icon icon--chat" aria-hidden="true"></i>&nbsp;<span class="link__inner">Dies ist ein Linktext</span>
</a>
 
<a href="{{content.url}}" class="a-link {{viewtypes.specifier}}" {{# content.titleText}}title="{{this}}"{{/content.titleText}} {{# content.lang}}lang="{{this}}"{{/content.lang}} {{{content.ariaAttributes}}} {{{content.dataAttributes}}}>
  {{^ switches.hasIcon}}
    {{content.text}}
  {{/switches.hasIcon}}
  {{# switches.hasIcon}}
    {{# switches.hasIconLeft}}{{render (stringToPartial partials.iconType) merge=true}}&nbsp;{{/switches.hasIconLeft}}<span class="link__inner">{{content.text}}</span>{{# switches.hasChevronRight}}&nbsp;{{render '@icon--chevron-right' merge=true}}{{/switches.hasChevronRight}}
  {{/switches.hasIcon}}
  {{# switches.isActiveLink}}
    <span class="sr-only">{{content.activetext}}</span>
  {{/switches.isActiveLink}}
</a>
 
{
  "switches": {
    "hasChevronRight": false,
    "hasIconLeft": true,
    "hasIcon": true,
    "hasAriaExpanded": false,
    "hasAriaPopup": false
  },
  "viewtypes": {
    "specifier": "link--with-icon-left"
  },
  "content": {
    "url": "http://zdf.de",
    "text": "Dies ist ein Linktext"
  },
  "partials": {
    "iconType": "icon--chat"
  }
}

Variant with the chevron outside the link