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
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>
i class="fas fa-calendar"i