Font Awesome Free Icons

updated by JMH on October 18, 2023

Index

Introduction
Icons in the Solid folder
Icons in the Regular folder
Icons in the Brands folder

Introduction

To use Font Awesome icons, you must first link to four CSS files:

<link rel="stylesheet" href="/font-awesome/css/fontawesome.min.css">
<link rel="stylesheet" href="/font-awesome/css/regular.min.css">
<link rel="stylesheet" href="/font-awesome/css/brands.min.css">
<link rel="stylesheet" href="/font-awesome/css/solid.min.css">

Icons are listed in alphabetical order by name.  To use these icons, use code in the following form, replacing icon-name with the name shown next to the icon you want to use.

<i class="fa-group-name fa-icon-name"></i>

Example:

<i class="fa-solid fa-address-card"></i>

The default group appears to be solid, so the following code is equivalent to the above example:

<i class="fa fa-address-card"></i>

For the regular and brands groups, however, you must specify the group name as shown in the first example.

Icons in the Solid folder (1390 icons)

Icons in the Regular folder (1390 icons)

Icons in the Brands folder (1390 icons)