Iconfonts (v6)

Das Einbetten von Iconfonts ermöglicht ein leichteres Verwenden der Social-Media-Icons, ohne dass man z. B. umständlich Bilder down- und uploaden muss.

Einbindung

  1. Kopieren Sie die Verknüpfung der Font Awesome 6 CSS-Datei in den Head-Bereich Ihrer Website
    (siehe den Punkt Head).
  2. Gehen Sie auf der Font Awesome Website zum Menüpunkt "Icons" und suchen Sie das gewünschte Symbol.
  3. Klicken Sie auf das Symbol und der Code für die HTML-Seite wird angezeigt
    z. B. das Icon für Home <i class="fas fa-home"></i>.
  4. Kopieren Sie diesen an die gewünschte Stelle im body-Bereich der Website.

Head

Fügen Sie diese Verknüpfungen in den <head>-Bereich Ihrer Website ein.

Body - Beispiel für ein Brand-Icon

Mein Beispiel


Weitere Icons finden Sie hier

Icon Gallery

Hinweis
Es können nur Icons der Kategorie "free" eingebunden werden, diese sind kostenlos.

Größe der Icons ändern