> 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/icon.md).

# Icon

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

Tại vị trí mà bạn muốn thêm icon, kéo phần tử **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/xa_y-3DLgNR1ZmXK6dgJCz-rsJkvtvumBakTFBc8m_bGaXnozmDh2a5wQtSdgo3Yq27JWiSrvBm2ntIwD5n-Po00hjxFnqNm=rw-w3343" alt="Thêm 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/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 phần tử icon để mở thanh cài đặt Icon.

<div align="center"><img src="https://lh3.googleusercontent.com/-j_W9FvCvNfh0BCUvFPIk_X33Qkr3YyyJBFPhtusmkiYl_vLgnRFjcCP72Hdy6vavNWPK52ZwgKGYq0lC0NTyxSKrVBvdAm1=rw-w1272" alt="Cài đặt icon"></div>

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

* Tuỳ chỉnh biểu tượng: Chọn icon, kích thước và màu sắc của Icon
* Căn trái/giữa/phải
* Cài đặt Hiệu ứng & Cài đặt Nâng cao
* Nhân bản
* Xoá