> For the complete documentation index, see [llms.txt](https://help.tempi.vn/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.tempi.vn/cac-thanh-phan-co-ban-tren-tempi/phan-tu/danh-sach-icon.md).

# Danh sách Icon

### Cách thêm Danh sách Icon[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/danh-sach-icon/#c%C3%A1ch-th%C3%AAm-danh-s%C3%A1ch-icon) <a href="#cach-them-danh-sach-icon" id="cach-them-danh-sach-icon"></a>

Tại vị trí mà bạn muốn thêm danh sách Icon, kéo phần tử **Danh sách Icon** vào bố cục có sẵn. Khi vị trí hiển thị màu xanh (ảnh) thì có nghĩa là bạn có thể đặt phần tử vào vị trí đó.

<div align="center"><img src="https://lh3.googleusercontent.com/2EBGMk4ScZM2o72qjeRblF65Lr4bi85xBDWyfr0m9r75h094Qn715IQgzYrABokQyRMKcOnnxVKnAkxYUBklQjlkQDe7vGCC=rw-w2304" alt="Thêm danh sách icon vào bố cục"></div>

### Cách cài đặt Icon[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/danh-sach-icon/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-icon) <a href="#cach-cai-dat-icon" id="cach-cai-dat-icon"></a>

Bấm vào Icon đầu dòng để mở bảng cài đặt Icon.

<div align="center"><img src="https://lh3.googleusercontent.com/lE35ZidxxOI2WAQ4UQ8y3YBYmUystBpPYkjgQ37_XeXWW77_qVvkRJQLJ98KlKdYlO6cudR_jjA9wl2it8vXpK7NQT9GYtNo=rw-w1292" alt="Cài đặt icon trong Danh sách icon"></div>

Hướng dẫn theo thứ tự từ trên xuống dưới:

* Tuỳ chỉnh biểu tượng: Chọn icon, đổi màu, cài đặt kích thước
* Căn trái/giữa/phải
* Cài đặt màu Nền/Viền/Bóng cho Icon
* Gắn link: Cài đặt Mở trang trong website, Mở liên kết, Cuộn trong trang, Email, Số điện thoại
* Cài đặt Hiệu ứng & Cài đặt Nâng cao
* Nhân bản
* Xoá

### Cách cài đặt Văn bản trong Danh sách Icon[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/danh-sach-icon/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-v%C4%83n-b%E1%BA%A3n-trong-danh-s%C3%A1ch-icon) <a href="#cach-cai-dat-van-ban-trong-danh-sach-icon" id="cach-cai-dat-van-ban-trong-danh-sach-icon"></a>

Bấm vào Văn bản trong phần tử Danh sách Icon -> Bấm vào Chỉnh sửa văn bản -> Chỉnh sửa tương tự như cách chỉnh sửa phần tử [Đoạn văn](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/danh-sach-icon/doan-van).

<div align="center"><img src="https://lh3.googleusercontent.com/cep8CV766Typp9Od2yZXw-Jc8asXyW-nZvxkLGOHpIR94MwzE-OmGyacwWCkCxtSFQtzFGStAwexuFXSheHbJ4P6rNxE6I_5=rw-w1314" alt="Cài đặt văn bản trong Danh sách icon"></div>

### Cách cài đặt chung Danh sách Icon[​](https://tempi.vn/huong-dan/cac-thanh-phan-co-ban-tren-tempi/phan-tu/danh-sach-icon/#c%C3%A1ch-c%C3%A0i-%C4%91%E1%BA%B7t-chung-danh-s%C3%A1ch-icon) <a href="#cach-cai-dat-chung-danh-sach-icon" id="cach-cai-dat-chung-danh-sach-icon"></a>

Bấm vào icon như ảnh minh hoạ để mở bảng cài đặt chung cho Danh sách Icon.

<div align="center"><img src="https://lh3.googleusercontent.com/R6T0rHZK088nY8CZjAIL8a8witGTaGVBF_XnjLg8Vz61uObp6rdq8srsbZZeiYPONFPHWFYx8dh7I_sCQoh5MW3T291IcXiH=rw-w1528" alt="Cài đặt văn bản trong Danh sách icon"></div>

Hướng dẫn theo thứ tự từ trái qua phải:

* Điều chỉnh khoảng cách giữa Icon và Văn bản; Điều chỉnh vị trí của Danh sách Icon ở Phía trên/Ở giữa/Phía dưới
* Căn lề trái/giữa/phải
* Cài đặt màu Nền/Viền/Bóng
* Cài đặt Hiệu ứng & Cài đặt Nâng cao
* Nhân bản
* Xoá