FontAwesome
Regular
All Regular Icons
fa-regular fa-user
fa-regular fa-image
fa-regular fa-envelope
fa-regular fa-star
fa-regular fa-heart
fa-regular fa-circle-xmark
fa-regular fa-comment
fa-regular fa-face-smile
fa-regular fa-calendar-days
fa-regular fa-file
fa-regular fa-bell
fa-regular fa-clipboard
fa-regular fa-circle-user
fa-regular fa-circle-up
fa-regular fa-circle-down
fa-regular fa-bookmark
fa-regular fa-pen-to-square
fa-regular fa-share-from-square
fa-regular fa-eye
fa-regular fa-eye-slash
fa-regular fa-hand
fa-regular fa-folder
fa-regular fa-folder-open
fa-regular fa-thumbs-up
Solid
All Solid Icons
fa-solid fa-user
fa-solid fa-image
fa-solid fa-envelope
fa-solid fa-star
fa-solid fa-heart
fa-solid fa-circle-xmark
fa-solid fa-comment
fa-solid fa-face-smile
fa-solid fa-calendar-days
fa-solid fa-file
fa-solid fa-bell
fa-solid fa-clipboard
fa-solid fa-circle-user
fa-solid fa-circle-up
fa-solid fa-circle-down
fa-solid fa-bookmark
fa-solid fa-pen-to-square
fa-solid fa-share-from-square
fa-solid fa-eye
fa-solid fa-eye-slash
fa-solid fa-hand
fa-solid fa-folder
fa-solid fa-folder-open
fa-solid fa-thumbs-up
Brand
All Brand Icons
fa-brands fa-facebook
fa-brands fa-twitter
fa-brands fa-tiktok
fa-brands fa-linkedin
fa-brands fa-github
fa-brands fa-discord
fa-brands fa-youtube
fa-brands fa-wordpress
fa-brands fa-apple
fa-brands fa-google
fa-brands fa-docker
fa-brands fa-windows
fa-brands fa-paypal
fa-brands fa-kickstarter
fa-brands fa-dropbox
fa-brands fa-squarespace
fa-brands fa-android
fa-brands fa-shopify
fa-brands fa-cloudflare
fa-brands fa-vimeo
fa-brands fa-intercom
fa-brands fa-line
fa-brands fa-product-hunt
fa-brands fa-html5
Animation
All Animation Icons
fa-brands fa-beat fa-facebook
fa-brands fa-beat fa-twitter
fa-brands fa-beat fa-tiktok
fa-brands fa-beat fa-linkedin
fa-brands fa-beat fa-github
fa-brands fa-beat fa-discord
fa-brands fa-beat fa-youtube
fa-brands fa-beat fa-wordpress
fa-brands fa-beat fa-apple
fa-brands fa-beat fa-google
fa-brands fa-beat fa-docker
fa-brands fa-beat fa-windows
fa-brands fa-beat fa-paypal
fa-brands fa-beat fa-kickstarter
fa-brands fa-beat fa-dropbox
fa-brands fa-beat fa-squarespace
fa-brands fa-beat fa-android
fa-brands fa-beat fa-shopify
fa-brands fa-beat fa-cloudflare
fa-brands fa-beat fa-vimeo
fa-brands fa-beat fa-intercom
fa-brands fa-beat fa-line
fa-brands fa-beat fa-product-hunt
fa-brands fa-beat fa-html5
-
Uses Instruction
- Copy the entire /webfonts folder and the css into your project's static assets directory.
-
Add the following line into the <head> of
each template or page that you want to use fontawesome
on.
<link rel="stylesheet" href="./../assets/vendors/@fortawesome/fontawesome-free/css/all.min.css"> -
Use the icons with the tags <i> or
<span>.
<i class="fa-{style} fa-{icon-name}"><i> <span class="fa-{style} fa-{icon-name}"><span> -
Use the icons animation with the class
.fa-{animation-name}.
<i class="fa-{style} fa-{animation-name} fa-{icon-name}"><i> <span class="fa-{style} fa-{animation-name} fa-{icon-name}"><span>