Artykuły

Wbudowane ikony Font Awesome




Font Awesome 5 – Generator ikon HTML

Font Awesome 5 – Generator ikon to proste i wygodne narzędzie online, które umożliwia szybkie przeglądanie oraz kopiowanie gotowych ikon Font Awesome 5 Free w formacie HTML. Generator został przygotowany z myślą o webmasterach, programistach PHP oraz użytkownikach systemów CMS, takich jak PHP-Fusion.

Wbudowane ikony Font Awesome

Font Awesome 5 – Generator ikon HTML

Generator zawiera wbudowane ikony Font Awesome z najczęściej używanych zestawów: Solid (fas), Regular (far) oraz Brands (fab). Każda ikona dostępna jest wraz z gotowym kodem HTML, który można skopiować jednym kliknięciem i użyć na swojej stronie internetowej.

Przykładowy kod ikony Font Awesome

Poniżej znajduje się przykład poprawnego kodu HTML ikony Font Awesome 5:

<i class="fas fa-home"></i>

Po wklejeniu powyższego kodu do dokumentu HTML na stronie wyświetli się ikona domu. Dzięki generatorowi nie musisz zapamiętywać nazw klas ani szukać ich w dokumentacji Font Awesome.

Generator ikon Font Awesome dla PHP i CMS

Generator ikon Font Awesome 5 doskonale sprawdzi się podczas tworzenia:

  • stron internetowych HTML i CSS
  • projektów opartych o PHP
  • szablonów i modyfikacji CMS PHP-Fusion
  • paneli administracyjnych
  • menu, przycisków i interfejsów użytkownika

Narzędzie korzysta z oficjalnego CDN Font Awesome 5 Free, dzięki czemu ikony są zawsze aktualne i nie wymagają instalowania dodatkowych plików na serwerze.

Dlaczego warto korzystać z generatora ikon?

  • szybki dostęp do ikon Font Awesome 5
  • kopiowanie kodu HTML jednym kliknięciem
  • brak rejestracji i logowania
  • czytelny podział ikon na kategorie
  • idealne rozwiązanie dla początkujących i zaawansowanych

Jeśli szukasz prostego sposobu na dodanie ikon Font Awesome do swojej strony, ten generator ikon HTML jest idealnym rozwiązaniem.

Kliknij ikonę, aby skopiować gotowy kod HTML:

Solid (fas)

fas fa-home
<i class="fas fa-home"></i>
fas fa-user
<i class="fas fa-user"></i>
fas fa-users
<i class="fas fa-users"></i>
fas fa-cog
<i class="fas fa-cog"></i>
fas fa-cogs
<i class="fas fa-cogs"></i>
fas fa-bell
<i class="fas fa-bell"></i>
fas fa-calendar
<i class="fas fa-calendar"></i>
fas fa-check
<i class="fas fa-check"></i>
fas fa-check-circle
<i class="fas fa-check-circle"></i>
fas fa-times
<i class="fas fa-times"></i>
fas fa-search
<i class="fas fa-search"></i>
fas fa-envelope
<i class="fas fa-envelope"></i>
fas fa-lock
<i class="fas fa-lock"></i>
fas fa-unlock
<i class="fas fa-unlock"></i>
fas fa-trash
<i class="fas fa-trash"></i>
fas fa-edit
<i class="fas fa-edit"></i>
fas fa-plus
<i class="fas fa-plus"></i>
fas fa-minus
<i class="fas fa-minus"></i>
fas fa-power-off
<i class="fas fa-power-off"></i>
fas fa-download
<i class="fas fa-download"></i>
fas fa-upload
<i class="fas fa-upload"></i>

Regular (far)

far fa-calendar
<i class="far fa-calendar"></i>
far fa-check-circle
<i class="far fa-check-circle"></i>
far fa-heart
<i class="far fa-heart"></i>
far fa-star
<i class="far fa-star"></i>
far fa-comment
<i class="far fa-comment"></i>
far fa-file
<i class="far fa-file"></i>
far fa-file-alt
<i class="far fa-file-alt"></i>
far fa-image
<i class="far fa-image"></i>
far fa-bell
<i class="far fa-bell"></i>
far fa-bookmark
<i class="far fa-bookmark"></i>
far fa-clock
<i class="far fa-clock"></i>

Brands (fab)

fab fa-facebook
<i class="fab fa-facebook"></i>
fab fa-facebook-f
<i class="fab fa-facebook-f"></i>
fab fa-twitter
<i class="fab fa-twitter"></i>
fab fa-github
<i class="fab fa-github"></i>
fab fa-gitlab
<i class="fab fa-gitlab"></i>
fab fa-bitbucket
<i class="fab fa-bitbucket"></i>
fab fa-linkedin
<i class="fab fa-linkedin"></i>
fab fa-youtube
<i class="fab fa-youtube"></i>
fab fa-instagram
<i class="fab fa-instagram"></i>
fab fa-discord
<i class="fab fa-discord"></i>
fab fa-wordpress
<i class="fab fa-wordpress"></i>
fab fa-php
<i class="fab fa-php"></i>
fab fa-html5
<i class="fab fa-html5"></i>
fab fa-css3-alt
<i class="fab fa-css3-alt"></i>
February 06 2026
  • tester :: Napisał/a :: 2026-03-12 10:29:12
    i class=&quot;fas fa-calendar&quot;i