btn-icon

Darstellung

Code

<div class="flex-row gap-xs spacing-bottom">

<a class="btn-icon" href="https://www.facebook.com/" aria-label="Facebook" title="Facebook" target="_blank" rel="noopener">
<div class="icn facebook"></div>
</a>

<a class="btn-icon" href="https://www.instagram.com" aria-label="Instagram" title="Instagram" target="_blank" rel="noopener">
<div class="icn instagram"></div>			
</a>

<a class="btn-icon" href="https://www.tiktok.com/" aria-label="TikTok" title="TikTok" target="_blank" rel="noopener">
<div class="icn tiktok"></div>
</a>

<a class="btn-icon" href="https://www.youtube.com" aria-label="YouTube" title="YouTube" target="_blank" rel="noopener">
<div class="icn youtube"></div>
</a>

</div>

<div class="flex-row gap-xs spacing-bottom-xl">

<a class="btn-icon outline" href="https://www.facebook.com/" aria-label="Facebook" title="Facebook" target="_blank" rel="noopener">
<div class="icn facebook"></div>
</a>

<a class="btn-icon outline" href="https://www.instagram.com" aria-label="Instagram" title="Instagram" target="_blank" rel="noopener">
<div class="icn instagram"></div>			
</a>

<a class="btn-icon outline" href="https://www.tiktok.com/" aria-label="TikTok" title="TikTok" target="_blank" rel="noopener">
<div class="icn tiktok"></div>
</a>

<a class="btn-icon outline" href="https://www.youtube.com" aria-label="YouTube" title="YouTube" target="_blank" rel="noopener">
<div class="icn youtube"></div>
</a>

</div>