Icon
Properties
Icon
| Name | Type | Default | Description |
|---|---|---|---|
| icon | IconString | Icon cần hiển thị | |
| size | number | Kích thước icon |
Type
IconString
| Name | Description |
|---|---|
| "zi-add-member" | zi-add-member |
| "zi-add-member-solid" | zi-add-member-solid |
| "zi-add-user" | zi-add-user |
| "zi-add-user-solid" | zi-add-user-solid |
| "zi-admin" | zi-admin |
| "zi-create-group" | zi-create-group |
| "zi-create-group-solid" | zi-create-group-solid |
| "zi-group" | zi-group |
| "zi-group-solid" | zi-group-solid |
| "zi-members" | zi-members |
| "zi-members-solid" | zi-members-solid |
| "zi-stranger" | zi-stranger |
| "zi-stranger-solid" | zi-stranger-solid |
| "zi-switch-users" | zi-switch-users |
| "zi-switch-users-solid" | zi-switch-users-solid |
| "zi-user" | zi-user |
| "zi-user-check" | zi-user-check |
| "zi-user-circle" | zi-user-circle |
| "zi-user-circle-solid" | zi-user-circle-solid |
| "zi-user-search" | zi-user-search |
| "zi-user-search-solid" | zi-user-search-solid |
| "zi-user-settings" | zi-user-settings |
| "zi-user-settings-solid" | zi-user-settings-solid |
| "zi-user-solid" | zi-user-solid |
| "zi-add-photo" | zi-add-photo |
| "zi-camera" | zi-camera |
| "zi-gallery" | zi-gallery |
| "zi-link" | zi-link |
| "zi-livestream" | zi-livestream |
| "zi-pause" | zi-pause |
| "zi-pause-solid" | zi-pause-solid |
| "zi-photo" | zi-photo |
| "zi-photo-search" | zi-photo-search |
| "zi-photo-solid" | zi-photo-solid |
| "zi-play" | zi-play |
| "zi-play-solid" | zi-play-solid |
| "zi-add-story" | zi-add-story |
| "zi-ban" | zi-ban |
| "zi-bullet-solid" | zi-bullet-solid |
| "zi-check" | zi-check |
| "zi-check-circle" | zi-check-circle |
| "zi-check-circle-solid" | zi-check-circle-solid |
| "zi-close" | zi-close |
| "zi-close-circle" | zi-close-circle |
| "zi-close-circle-solid" | zi-close-circle-solid |
| "zi-copy" | zi-copy |
| "zi-delete" | zi-delete |
| "zi-drag-indicator-solid" | zi-drag-indicator-solid |
| "zi-filter" | zi-filter |
| "zi-filter-solid" | zi-filter-solid |
| "zi-home" | zi-home |
| "zi-leave" | zi-leave |
| "zi-leave-solid" | zi-leave-solid |
| "zi-list-1" | zi-list-1 |
| "zi-list-2" | zi-list-2 |
| "zi-minus-circle" | zi-minus-circle |
| "zi-minus-circle-solid" | zi-minus-circle-solid |
| "zi-more-diamond-solid" | zi-more-diamond-solid |
| "zi-more-grid" | zi-more-grid |
| "zi-more-grid-solid" | zi-more-grid-solid |
| "zi-more-horiz" | zi-more-horiz |
| "zi-more-horiz-solid" | zi-more-horiz-solid |
| "zi-more-vert" | zi-more-vert |
| "zi-plus" | zi-plus |
| "zi-plus-circle" | zi-plus-circle |
| "zi-plus-circle-solid" | zi-plus-circle-solid |
| "zi-radio-checked" | zi-radio-checked |
| "zi-radio-unchecked" | zi-radio-unchecked |
| "zi-save-to-collection" | zi-save-to-collection |
| "zi-search" | zi-search |
| "zi-setting" | zi-setting |
| "zi-tune" | zi-tune |
| "zi-arrow-down" | zi-arrow-down |
| "zi-arrow-left" | zi-arrow-left |
| "zi-arrow-right" | zi-arrow-right |
| "zi-arrow-up" | zi-arrow-up |
| "zi-auto" | zi-auto |
| "zi-auto-solid" | zi-auto-solid |
| "zi-backup-arrow-solid" | zi-backup-arrow-solid |
| "zi-chevron-double-down" | zi-chevron-double-down |
| "zi-chevron-double-up" | zi-chevron-double-up |
| "zi-chevron-down" | zi-chevron-down |
| "zi-chevron-left" | zi-chevron-left |
| "zi-chevron-left-header" | zi-chevron-left-header |
| "zi-chevron-right" | zi-chevron-right |
| "zi-chevron-up" | zi-chevron-up |
| "zi-download" | zi-download |
| "zi-download-solid" | zi-download-solid |
| "zi-reorder-solid" | zi-reorder-solid |
| "zi-reply" | zi-reply |
| "zi-reply-solid" | zi-reply-solid |
| "zi-retry" | zi-retry |
| "zi-retry-solid" | zi-retry-solid |
| "zi-share" | zi-share |
| "zi-share-external-1" | zi-share-external-1 |
| "zi-share-external-2" | zi-share-external-2 |
| "zi-share-solid" | zi-share-solid |
| "zi-unfold-less" | zi-unfold-less |
| "zi-unfold-more" | zi-unfold-more |
| "zi-upload" | zi-upload |
| "zi-at" | zi-at |
| "zi-bubble-multiselect" | zi-bubble-multiselect |
| "zi-call" | zi-call |
| "zi-call-solid" | zi-call-solid |
| "zi-chat" | zi-chat |
| "zi-chat-solid" | zi-chat-solid |
| "zi-grid-solid" | zi-grid-solid |
| "zi-location" | zi-location |
| "zi-location-solid" | zi-location-solid |
| "zi-mic" | zi-mic |
| "zi-quote" | zi-quote |
| "zi-quote-solid" | zi-quote-solid |
| "zi-recall" | zi-recall |
| "zi-send-solid" | zi-send-solid |
| "zi-user-window-solid" | zi-user-window-solid |
| "zi-video" | zi-video |
| "zi-video-group" | zi-video-group |
| "zi-video-solid" | zi-video-solid |
| "zi-wifi" | zi-wifi |
| "zi-wifi-off" | zi-wifi-off |
| "zi-backup-solid" | zi-backup-solid |
| "zi-backup-success-solid" | zi-backup-success-solid |
| "zi-backup-warning-solid" | zi-backup-warning-solid |
| "zi-bookmark" | zi-bookmark |
| "zi-bookmark-delete" | zi-bookmark-delete |
| "zi-favorite-list" | zi-favorite-list |
| "zi-heart" | zi-heart |
| "zi-heart-solid" | zi-heart-solid |
| "zi-pin" | zi-pin |
| "zi-pin-solid" | zi-pin-solid |
| "zi-star" | zi-star |
| "zi-star-solid" | zi-star-solid |
| "zi-unpin" | zi-unpin |
| "zi-calendar" | zi-calendar |
| "zi-calendar-solid" | zi-calendar-solid |
| "zi-clock-1" | zi-clock-1 |
| "zi-clock-1-solid" | zi-clock-1-solid |
| "zi-clock-2" | zi-clock-2 |
| "zi-clock-2-solid" | zi-clock-2-solid |
| "zi-memory" | zi-memory |
| "zi-reminder" | zi-reminder |
| "zi-reminder-delete" | zi-reminder-delete |
| "zi-reminder-solid" | zi-reminder-solid |
| "zi-edit" | zi-edit |
| "zi-edit-delete" | zi-edit-delete |
| "zi-edit-delete-solid" | zi-edit-delete-solid |
| "zi-edit-solid" | zi-edit-solid |
| "zi-edit-text" | zi-edit-text |
| "zi-edit-text-solid" | zi-edit-text-solid |
| "zi-post" | zi-post |
| "zi-exclamation" | zi-exclamation |
| "zi-help-circle" | zi-help-circle |
| "zi-info-circle" | zi-info-circle |
| "zi-info-circle-solid" | zi-info-circle-solid |
| "zi-warning" | zi-warning |
| "zi-warning-circle" | zi-warning-circle |
| "zi-warning-circle-solid" | zi-warning-circle-solid |
| "zi-warning-solid" | zi-warning-solid |
| "zi-file" | zi-file |
| "zi-inbox" | zi-inbox |
| "zi-note" | zi-note |
| "zi-note-delete" | zi-note-delete |
| "zi-pcline" | zi-pcline |
| "zi-poll" | zi-poll |
| "zi-poll-solid" | zi-poll-solid |
| "zi-qrline" | zi-qrline |
| "zi-truyen-file" | zi-truyen-file |
| "zi-wallpaper" | zi-wallpaper |
| "zi-hide" | zi-hide |
| "zi-key-solid" | zi-key-solid |
| "zi-lock" | zi-lock |
| "zi-lock-open-solid" | zi-lock-open-solid |
| "zi-lock-solid" | zi-lock-solid |
| "zi-notif" | zi-notif |
| "zi-notif-off" | zi-notif-off |
| "zi-notif-off-solid" | zi-notif-off-solid |
| "zi-notif-ring" | zi-notif-ring |
| "zi-shield-solid" | zi-shield-solid |
| "zi-unhide" | zi-unhide |
| "zi-unlock" | zi-unlock |
| "zi-unlock-solid" | zi-unlock-solid |
Example
import React from "react";
import { Page, Icon } from "zmp-ui";
function HomePage(props){
return (
<Page>
<Icon icon="zi-close-circle" size={8} />
</Page>
);
}