Font Awesome

Font Awesome is a icon library which you can freely use in your web site or desktop application. There are more than 1000 icons available, free of charge.

The PRO icons are on sale. If you don't want to pay, you must limit to use the FREE icons.

In order to integrate the icons in my own web site, I need to add the following 3 lines in the page header:

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/fontawesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/brands.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/solid.min.css">

In this way there's no need to install the fonts (icons) in my web site. It's possible to install the web icons by downloading 'em clicking here, for being future-proof. Currently the size of the FREE pack is about 28 MB.

Below there are some Font Awesome's icon examples:

If you want to add the icons above, you need to integrate the font-awesome classes inside of a <i> or <span> tag.

<i class="fa-sharp fa-solid fa-user"></i>
<i class="fa-solid fa-gas-pump"></i>
<i class="fa-solid fa-floppy-disk"></i>
<i class="fa-solid fa-file-zipper"></i>
<br>
<i class="fa-brands fa-youtube">&trade;</i>
<i class="fa-brands fa-whatsapp">&trade;</i>

This is a list of Font Awesome icons that you can use free of charge:

List of classic icons
List of brand icons

2024
Jan, 05