Icon
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
- Tiêu chuẩn thiết kế
Ví dụ
Bảng thuộc tính
| Name | Type | Default | Description |
|---|---|---|---|
| children | string | ||
| icon | IconString | Key của icon cần hiển thị. Xem danh sách tất cả icon tại đây. Có thể truyền vào dưới dạng | |
| size | number | Kích thước của icon, theo đơn vị px. |
Arrow
zi-arrow-downzi-arrow-down
zi-arrow-leftzi-arrow-left
zi-arrow-rightzi-arrow-right
zi-arrow-upzi-arrow-up
zi-autozi-auto
zi-auto-solidzi-auto-solid
zi-backup-arrow-solidzi-backup-arrow-solid
zi-chevron-double-downzi-chevron-double-down
zi-chevron-double-upzi-chevron-double-up
zi-chevron-downzi-chevron-down
zi-chevron-leftzi-chevron-left
zi-chevron-left-headerzi-chevron-left-header
zi-chevron-rightzi-chevron-right
zi-chevron-upzi-chevron-up
zi-downloadzi-download
zi-download-solidzi-download-solid
zi-reorder-solidzi-reorder-solid
zi-replyzi-reply
zi-reply-solidzi-reply-solid
zi-retryzi-retry
zi-retry-solidzi-retry-solid
zi-sharezi-share
zi-share-external-1zi-share-external-1
zi-share-external-2zi-share-external-2
zi-share-solidzi-share-solid
zi-unfold-lesszi-unfold-less
zi-unfold-morezi-unfold-more
zi-uploadzi-upload
Basic
zi-add-storyzi-add-story
zi-banzi-ban
zi-bullet-solidzi-bullet-solid
zi-checkzi-check
zi-check-circlezi-check-circle
zi-check-circle-solidzi-check-circle-solid
zi-closezi-close
zi-close-circlezi-close-circle
zi-close-circle-solidzi-close-circle-solid
zi-copyzi-copy
zi-deletezi-delete
zi-drag-indicator-solidzi-drag-indicator-solid
zi-filterzi-filter
zi-filter-solidzi-filter-solid
zi-homezi-home
zi-leavezi-leave
zi-leave-solidzi-leave-solid
zi-list-1zi-list-1
zi-list-2zi-list-2
zi-minus-circlezi-minus-circle
zi-minus-circle-solidzi-minus-circle-solid
zi-more-diamond-solidzi-more-diamond-solid
zi-more-gridzi-more-grid
zi-more-grid-solidzi-more-grid-solid
zi-more-horizzi-more-horiz
zi-more-horiz-solidzi-more-horiz-solid
zi-more-vertzi-more-vert
zi-pluszi-plus
zi-plus-circlezi-plus-circle
zi-plus-circle-solidzi-plus-circle-solid
zi-radio-checkedzi-radio-checked
zi-radio-uncheckedzi-radio-unchecked
zi-save-to-collectionzi-save-to-collection
zi-searchzi-search
zi-settingzi-setting
zi-tunezi-tune
Time
zi-calendarzi-calendar
zi-calendar-solidzi-calendar-solid
zi-clock-1zi-clock-1
zi-clock-1-solidzi-clock-1-solid
zi-clock-2zi-clock-2
zi-clock-2-solidzi-clock-2-solid
zi-memoryzi-memory
zi-reminderzi-reminder
zi-reminder-deletezi-reminder-delete
zi-reminder-solidzi-reminder-solid
Tools
zi-filezi-file
zi-inboxzi-inbox
zi-notezi-note
zi-note-deletezi-note-delete
zi-pclinezi-pcline
zi-pollzi-poll
zi-poll-solidzi-poll-solid
zi-qrlinezi-qrline
zi-truyen-filezi-truyen-file
zi-wallpaperzi-wallpaper
Edit
zi-editzi-edit
zi-edit-deletezi-edit-delete
zi-edit-delete-solidzi-edit-delete-solid
zi-edit-solidzi-edit-solid
zi-edit-textzi-edit-text
zi-edit-text-solidzi-edit-text-solid
zi-postzi-post
Communication
zi-atzi-at
zi-bubble-multiselectzi-bubble-multiselect
zi-callzi-call
zi-call-solidzi-call-solid
zi-chatzi-chat
zi-chat-solidzi-chat-solid
zi-grid-solidzi-grid-solid
zi-locationzi-location
zi-location-solidzi-location-solid
zi-miczi-mic
zi-quotezi-quote
zi-quote-solidzi-quote-solid
zi-recallzi-recall
zi-send-solidzi-send-solid
zi-user-window-solidzi-user-window-solid
zi-videozi-video
zi-video-groupzi-video-group
zi-video-solidzi-video-solid
zi-wifizi-wifi
zi-wifi-offzi-wifi-off
Media
zi-add-photozi-add-photo
zi-camerazi-camera
zi-galleryzi-gallery
zi-linkzi-link
zi-livestreamzi-livestream
zi-pausezi-pause
zi-pause-solidzi-pause-solid
zi-photozi-photo
zi-photo-searchzi-photo-search
zi-photo-solidzi-photo-solid
zi-playzi-play
zi-play-solidzi-play-solid
User
zi-add-memberzi-add-member
zi-add-member-solidzi-add-member-solid
zi-add-userzi-add-user
zi-add-user-solidzi-add-user-solid
zi-adminzi-admin
zi-create-groupzi-create-group
zi-create-group-solidzi-create-group-solid
zi-groupzi-group
zi-group-solidzi-group-solid
zi-memberszi-members
zi-members-solidzi-members-solid
zi-strangerzi-stranger
zi-stranger-solidzi-stranger-solid
zi-switch-userszi-switch-users
zi-switch-users-solidzi-switch-users-solid
zi-userzi-user
zi-user-checkzi-user-check
zi-user-circlezi-user-circle
zi-user-circle-solidzi-user-circle-solid
zi-user-searchzi-user-search
zi-user-search-solidzi-user-search-solid
zi-user-settingszi-user-settings
zi-user-settings-solidzi-user-settings-solid
zi-user-solidzi-user-solid
Backup
zi-backup-solidzi-backup-solid
zi-backup-success-solidzi-backup-success-solid
zi-backup-warning-solidzi-backup-warning-solid
Bookmark
zi-bookmarkzi-bookmark
zi-bookmark-deletezi-bookmark-delete
zi-favorite-listzi-favorite-list
zi-heartzi-heart
zi-heart-solidzi-heart-solid
zi-pinzi-pin
zi-pin-solidzi-pin-solid
zi-starzi-star
zi-star-solidzi-star-solid
zi-unpinzi-unpin
Signage
zi-exclamationzi-exclamation
zi-help-circlezi-help-circle
zi-info-circlezi-info-circle
zi-info-circle-solidzi-info-circle-solid
zi-warningzi-warning
zi-warning-circlezi-warning-circle
zi-warning-circle-solidzi-warning-circle-solid
zi-warning-solidzi-warning-solid
Privacy
zi-hidezi-hide
zi-key-solidzi-key-solid
zi-lockzi-lock
zi-lock-open-solidzi-lock-open-solid
zi-lock-solidzi-lock-solid
zi-notifzi-notif
zi-notif-offzi-notif-off
zi-notif-off-solidzi-notif-off-solid
zi-notif-ringzi-notif-ring
zi-shield-solidzi-shield-solid
zi-unhidezi-unhide
zi-unlockzi-unlock
zi-unlock-solidzi-unlock-solid