Markup: templates/output/05-objects/icons-with-text.html
<div class="o-icon-text">
<svg class="o-icon-text__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
<use xlink:href="/Images/svg/sprite.symbol.svg#school"></use>
</svg>
<div class="o-icon-text__content"><strong class="o-icon-text__title">Fachbereich</strong><span class="o-icon-text__subtitle">Lorem Ipsum</span>
</div>
</div>
<div class="o-icon-text">
<svg class="o-icon-text__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
<use xlink:href="/Images/svg/sprite.symbol.svg#location-pin"></use>
</svg>
<div class="o-icon-text__content"><strong class="o-icon-text__title">Standort</strong><span class="o-icon-text__subtitle">Lorem Ipsum,</span><span class="o-icon-text__subtitle">Lorem Ipsum,</span>
</div>
</div>
<div class="o-icon-text">
<svg class="o-icon-text__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
<use xlink:href="/Images/svg/sprite.symbol.svg#hourglass"></use>
</svg>
<div class="o-icon-text__content"><strong class="o-icon-text__title">Regelstudienzeit</strong><span class="o-icon-text__subtitle">Lorem Ipsum</span>
</div>
</div><a class="o-icon-text" href="#">
<svg class="o-icon-text__icon" viewBox="0 0 16 16" aria-hidden="true" focusable="false" style="pointer-events: none;" width="24px" height="24px">
<use xlink:href="/Images/svg/sprite.symbol.svg#e-mail"></use>
</svg>
<div class="o-icon-text__content"><span class="o-icon-text__title">studienberatung@hsrm.de</span>
</div></a>
Source:
assets/sass/05-objects/_objects.icon-text.scss, line 1