# Hướng dẫn sử dụng bộ công cụ icon fontawesome

<figure><img src="https://s3-alpha.figma.com/hub/file/2986869153/ce53f071-b0e0-450c-9f01-d1e7d56737a9-cover.png" alt=""><figcaption></figcaption></figure>

Font Awesome là một công cụ tuyệt vời để bạn tạo giao diện website, có hơn 4000 icon cho bạn lựa chọn miễn phí

**Bước 1:** Tải thư viện font awesome 5.15.3 tại đường dẫn sau: [https://use.fontawesome.com/releases/v5.15.3/fontawesome-free-5.15.3-web.zip](https://use.fontawesome.com/releases/v5.15.3/fontawesome-free-5.15.3-web.zip)

**Bước 2:** Giải nén thư mục **fontawesome-free-5.15.3-web.zip**

**Bước 3:** Sau khi giải nén xong copy file **all.min.css** hoặc file **all.css** vào thư mục `css`. Sau đó copy thư mục **webfonts** vào project ngang hàng với thư mục `css`

{% hint style="danger" %}
Lưu ý phải đặt ngang hàng với thư mục css vì trong file **all.css** có sử dụng đường dẫn tương đối đến thư mục **webfronts** này
{% endhint %}

**Bước 4:** Link file all.css vào file html của mình trong phần thẻ \<head>

```
<link rel="stylesheet" href="css/all.css">
```

**Bước 5:** Sử dụng các class font của thư viện như ví dụ dưới.

Để tìm kiếm các icon khác có thể tra cứu tại đường dẫn sau: [https://fontawesome.com/icons](https://fontawesome.com/icons)

```
<i class="fas fa-camera"></i>
```
