Icons
Font Awesome 6 steht in den Varianten Solid, Regular, Light und Brands zur Verfügung. Alle Icons werden via CSS-Klassen eingebunden.
Die vollständige Icon-Bibliothek ist unter fontawesome.com/icons abrufbar. Das Projekt beinhaltet die Pro-Version mit Solid, Regular, Light, Thin, Duotone und Brand-Icons.
Verwendung
HTML
<!-- Solid (Standard) -->
<i class="fa-solid fa-house"></i>
<!-- Regular -->
<i class="fa-regular fa-heart"></i>
<!-- Light (Pro) -->
<i class="fa-light fa-star"></i>
<!-- Brands -->
<i class="fa-brands fa-php"></i>
<!-- Größen -->
<i class="fa-solid fa-house fa-xs"></i> <!-- Extra Small -->
<i class="fa-solid fa-house fa-sm"></i> <!-- Small -->
<i class="fa-solid fa-house"></i> <!-- Normal -->
<i class="fa-solid fa-house fa-lg"></i> <!-- Large -->
<i class="fa-solid fa-house fa-2x"></i> <!-- 2x -->
<i class="fa-solid fa-house fa-3x"></i> <!-- 3x -->
<!-- Animation -->
<i class="fa-solid fa-spinner fa-spin"></i>
<i class="fa-solid fa-heart fa-beat"></i>
<i class="fa-solid fa-bell fa-shake"></i>Größen-Übersicht
xs
sm
1x
lg
2x
3x
4x
Häufige Solid-Icons
<?php foreach($solidIcons as $icon): ?>
<?= str_replace('fa-', '', $icon) ?>
<?php endforeach; ?>
Brand-Icons
<?php foreach($brandIcons as $icon): ?>
<?= str_replace('fa-', '', $icon) ?>
<?php endforeach; ?>
Animationen
fa-spin
fa-beat
fa-shake
fa-bounce