---
sourceType: official-guide
sourceTypeMatchedRule: fallback
slug: MA/zaui/display/Icon
title: Icon
---
```ts
import { Icon } from "zmp-ui";
```


Dùng để hiển thị biểu tượng minh họa cho hành động hoặc trạng thái.

### Hướng dẫn sử dụng

## Ví dụ



## Bảng thuộc tính


| Tên | Type | Required | Default | Mô tả |
| --- | --- | --- | --- | --- |
| children | string | No |  |  |
| icon | IconString | No |  | Key của icon cần hiển thị. Xem danh sách tất cả icon tại [đây](/docs/MA/zaui/display/Icon). Có thể truyền vào dưới dạng `string` hoặc enum `IconString`. Khi sử dụng enum, IDE sẽ hỗ trợ xem trước preview của icon. Ví dụ: ![zi-search](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjA5OTkgOS45OTk5QzQuMDk5OSA2Ljc0MTQyIDYuNzQxNDIgNC4wOTk5IDkuOTk5OSA0LjA5OTlDMTMuMjU4NCA0LjA5OTkgMTUuODk5OSA2Ljc0MTQyIDE1Ljg5OTkgOS45OTk5QzE1Ljg5OTkgMTMuMjU4NCAxMy4yNTg0IDE1Ljg5OTkgOS45OTk5IDE1Ljg5OTlDNi43NDE0MiAxNS44OTk5IDQuMDk5OSAxMy4yNTg0IDQuMDk5OSA5Ljk5OTlaTTkuOTk5OSAyLjg5OTlDNi4wNzg2OCAyLjg5OTkgMi44OTk5IDYuMDc4NjggMi44OTk5IDkuOTk5OUMyLjg5OTkgMTMuOTIxMSA2LjA3ODY4IDE3LjA5OTkgOS45OTk5IDE3LjA5OTlDMTEuNjcyMyAxNy4wOTk5IDEzLjIwOTcgMTYuNTIxNiAxNC40MjMgMTUuNTU0MkMxNC40MjY3IDE1LjU1OCAxNC40MzA1IDE1LjU2MTggMTQuNDM0MyAxNS41NjU2TDE5LjQzNDMgMjAuNTY1NkMxOS43NDY3IDIwLjg3ODEgMjAuMjUzMiAyMC44NzgxIDIwLjU2NTYgMjAuNTY1NkMyMC44NzgxIDIwLjI1MzIgMjAuODc4MSAxOS43NDY3IDIwLjU2NTYgMTkuNDM0M0wxNS41NjU2IDE0LjQzNDNDMTUuNTYxOCAxNC40MzA1IDE1LjU1OCAxNC40MjY3IDE1LjU1NDIgMTQuNDIzQzE2LjUyMTYgMTMuMjA5NyAxNy4wOTk5IDExLjY3MjMgMTcuMDk5OSA5Ljk5OTlDMTcuMDk5OSA2LjA3ODY4IDEzLjkyMTEgMi44OTk5IDkuOTk5OSAyLjg5OTlaIiBmaWxsPSIjNzY3Njc2Ii8+Cjwvc3ZnPgo=) |
| size | number | No |  | Kích thước của icon, theo đơn vị px. |

### Tiêu chuẩn thiết kế

{/* inline-mdx: ../specs/Icon.mdx (from .sources/zmp-docs/zaui-react_versioned_docs/version-1.11.0/display/Icon.mdx) */}




---



---



---



---



---



---



---



---



---



---



---


{/* inline-mdx: end ../specs/Icon.mdx */}