# 3.5. Biểu tượng

Tiện ích **Biểu tượng** cho phép bạn thêm các biểu tượng đồ họa vào landing page của bạn để làm nổi bật thông tin, cải thiện thiết kế, hoặc trang trí. Các biểu tượng có thể được sử dụng để chỉ dẫn, làm điểm nhấn cho các dịch vụ, hoặc đơn giản là để tạo sự hấp dẫn cho giao diện của trang.

<figure><img src="/files/bbbDmSn6VBE1O9jLW9H4" alt=""><figcaption></figcaption></figure>

## **1 Thêm Biểu tượng vào trang**

* Trong thanh sidebar, nhấp vào **Tiện ích**, sau đó chọn **Biểu tượng**
* Nhấp và kéo tiện ích Biểu tượng vào trang landing page của bạn

<figure><img src="/files/nAvVs3as01mMZgcpcMZd" alt=""><figcaption></figcaption></figure>

## **2. Trình chỉnh sửa Biểu tượng**

### 2.1. Trình chỉnh sửa nội dung

* Nhấp chuột vào tiện ích **Biểu tượng** và chọn **Nội dung** trên thanh thiết lập nhanh để mở trình chỉnh sửa nội dung Biểu tượng

<figure><img src="/files/hbXANcHeLvvezTzmdL7H" alt=""><figcaption></figcaption></figure>

* Nhấp vào **Chọn biểu tượng** để chọn biểu tượng có sẵn hoặc nhấp vào **Tải tệp SVG lên**.
* Để liên kết biểu tượng, hãy nhấp vào Biểu tượng liên kết và chọn trang bạn muốn liên kết biểu tượng.

**+ Nội dung thay thế:** Nhập Văn bản thay thế cho biểu tượng để tạo văn bản thay thế. Văn bản thay thế cho phép công cụ tìm kiếm nhận dạng nội dung hình ảnh. Sử dụng văn bản mô tả rõ ràng hình ảnh.

**+ Chú thích:** Nhập Chú giải công cụ cho biểu tượng. Văn bản chú giải công cụ sẽ hiển thị khi người dùng di chuột qua hình ảnh.

### 2.2. Trình chỉnh sửa thiết kế

* Nhấp chuột vào tiện ích **Biểu tượng** và chọn **Thiết kế** trên thanh thiết lập nhanh để mở trình chỉnh sửa thiết kế Icon

<figure><img src="/files/5HzQnRWi05dkj1PB8V5c" alt=""><figcaption></figcaption></figure>

* **Căn chỉnh:** giúp bạn căn chỉnh biểu tượng theo khung chứa. Xem thêm thông tin, xem [<mark style="color:red;">**Căn chỉnh**</mark>](/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/can-chinh.md).
* **Kích thước:** trong trình chỉnh sửa thiết kế giúp bạn điều chỉnh kích thước và vị trí của các phần tử trên trang web. Xem thêm thông tin, xem [<mark style="color:red;">**Kích thước**</mark>](/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/kich-thuoc.md).
* **Hiển thị:** cho phép bạn kiểm soát việc hiển thị Icon trên các thiết bị khác nhau bao gồm Desktop và Mobile
* **Thiết kế:** cho phép bạn thay đổi màu nền và hiệu ứng đổ bóng của Icon đã chọn. Xem thêm thông tin, xem [<mark style="color:red;">**Thiết kế**</mark>](/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/thiet-ke.md).&#x20;
* **Đường viền:** cho phép bạn thêm và tùy chỉnh viền xung quanh của Icon, bạn cũng có thể điều chỉnh độ bo tròn của viền. Xem thêm thông tin, xem [<mark style="color:red;">**Đường viền**</mark>](/cac-cong-cu-thiet-lap-co-ban-voi-landing-page/thanh-thiet-lap-nhanh/trinh-chinh-sua-thiet-ke/duong-vien.md).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.shopone.io/cac-phan-tu-co-ban/tien-ich-phuong-tien/bieu-tuong.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.