Appearance
Icons
Last updated: 2026-04-01
Generated automatically from src/tokens/icons.ts.
This file allows you to know all the current icons added as tokens in DSAV.
MDI Icons
| Preview | MDI_ICONS Name | Iconify Code |
|---|---|---|
 | ACCOUNT_CIRCLE_OUTLINE | mdi:account-circle-outline |
 | ACCOUNT_STUDENT_OUTLINE | mdi:account-student-outline |
 | ALERT_CIRCLE_OUTLINE | mdi:alert-circle-outline |
 | ALERT_OUTLINE | mdi:alert-outline |
 | ARROW_DECISION | mdi:arrow-decision |
 | ARROW_LEFT_THIN | mdi:arrow-left-thin |
 | ARROW_RIGHT | mdi:arrow-right |
 | ARROW_RIGHT_BOTTOM | mdi:arrow-right-bottom |
 | ARROW_RIGHT_THIN | mdi:arrow-right-thin |
 | ARROW_TOP_RIGHT_THICK | mdi:arrow-top-right-thick |
 | ATTACH_FILE | mdi:attach-file |
 | ATTACHMENT_PLUS | mdi:attachment-plus |
 | BACKUP_RESTORE | mdi:backup-restore |
 | BELL_NOTIFICATION | mdi:bell-notification |
 | BOOK_LOCATION_OUTLINE | mdi:book-location-outline |
 | BOOK_OPEN_VARIANT | mdi:book-open-variant |
 | BOOK_OUTLINE | mdi:book-outline |
 | BOOKMARK_CHECK | mdi:bookmark-check |
 | BRIEFCASE_VARIANT_OUTLINE | mdi:briefcase-variant-outline |
 | BUILDING | mdi:building |
 | CALENDAR_BLANK_OUTLINE | mdi:calendar-blank-outline |
 | CALENDAR_CHECK_OUTLINE | mdi:calendar-check-outline |
 | CALENDAR_CLOCK_OUTLINE | mdi:calendar-clock-outline |
 | CALENDAR_MONTH_OUTLINE | mdi:calendar-month-outline |
 | CALENDAR_OUTLINE | mdi:calendar-outline |
 | CALENDAR_TIME | mdi:calendar-time |
 | CALENDAR_RANGE_OUTLINE | mdi:calendar-range-outline |
 | CALENDAR_WEEK_OUTLINE | mdi:calendar-week-outline |
 | CHART_TIMELINE_VARIANT_SHIMMER | mdi:chart-timeline-variant-shimmer |
 | CHAT_ALERT | mdi:chat-alert |
 | CHAT_BUBBLE_OUTLINE | mdi:chat-bubble-outline |
 | CHECK | mdi:check |
 | CHECK_CIRCLE | mdi:check-circle |
 | CHECK_CIRCLE_OUTLINE | mdi:check-circle-outline |
 | CHECK_DECAGRAM_OUTLINE | mdi:check-decagram-outline |
 | CHECKBOX_BLANK_OUTLINE | mdi:checkbox-blank-outline |
 | CHECKBOX_MARKED | mdi:checkbox-marked |
 | CHEVRON_DOUBLE_LEFT | mdi:chevron-double-left |
 | CHEVRON_DOUBLE_RIGHT | mdi:chevron-double-right |
 | CHEVRON_DOWN | mdi:chevron-down |
 | CHEVRON_LEFT | mdi:chevron-left |
 | CHEVRON_RIGHT | mdi:chevron-right |
 | CIRCLE | mdi:circle |
 | CIRCLE_OUTLINE | mdi:circle-outline |
 | CLAPPERBOARD_OUTLINE | mdi:clapperboard-outline |
 | CLOCK_OUTLINE | mdi:clock-outline |
 | CLOSE_CIRCLE_OUTLINE | mdi:close-circle-outline |
 | CLOSE_OCTAGON | mdi:close-octagon |
 | CONTENT_SAVE_OUTLINE | mdi:content-save-outline |
 | DIAMOND_STONE | mdi:diamond-stone |
 | DOTS_HORIZONTAL_CIRCLE_OUTLINE | mdi:dots-horizontal-circle-outline |
 | DOTS_VERTICAL | mdi:dots-vertical |
 | ELECTRON_FRAMEWORK | mdi:electron-framework |
 | EMAIL_OUTLINE | mdi:email-outline |
 | FAMILY | mdi:family |
 | FILE | mdi:file |
 | FILE_ACCOUNT_OUTLINE | mdi:file-account-outline |
 | FILE_DOCUMENT_BOX_MULTIPLE_OUTLINE | mdi:file-document-box-multiple-outline |
 | FILE_DOCUMENT_EDIT_OUTLINE | mdi:file-document-edit-outline |
 | FILE_DOCUMENT_MULTIPLE_OUTLINE | mdi:file-document-multiple-outline |
 | FILE_IMAGE_OUTLINE | mdi:file-image-outline |
 | FILE_REFRESH_OUTLINE | mdi:file-refresh-outline |
 | FILE_RESTORE_OUTLINE | mdi:file-restore-outline |
 | FILE_TREE_OUTLINE | mdi:file-tree-outline |
 | FILTER_OUTLINE | mdi:filter-outline |
 | FLAG_VARIANT | mdi:flag-variant |
 | FLARE | mdi:flare |
 | FORMAT_ALIGN_CENTER | mdi:format-align-center |
 | FORMAT_ALIGN_JUSTIFY | mdi:format-align-justify |
 | FORMAT_ALIGN_LEFT | mdi:format-align-left |
 | FORMAT_ALIGN_RIGHT | mdi:format-align-right |
 | FORMAT_BOLD | mdi:format-bold |
 | FORMAT_HEADING_1 | mdi:format-heading-1 |
 | FORMAT_HEADING_2 | mdi:format-heading-2 |
 | FORMAT_HEADING_3 | mdi:format-heading-3 |
 | FORMAT_INDENT_DECREASE | mdi:format-indent-decrease |
 | FORMAT_INDENT_INCREASE | mdi:format-indent-increase |
 | FORMAT_ITALIC | mdi:format-italic |
 | FORMAT_LIST_BULLETED | mdi:format-list-bulleted |
 | FORMAT_LIST_NUMBERED | mdi:format-list-numbered |
 | FORMAT_PARAGRAPH | mdi:format-paragraph |
 | FORMAT_UNDERLINE | mdi:format-underline |
 | HAMBURGER_MENU | mdi:hamburger-menu |
 | HISTORY | mdi:history |
 | HOME_VARIANT_OUTLINE | mdi:home-variant-outline |
 | HOURGLASS | mdi:hourglass |
 | HUB_OUTLINE | mdi:hub-outline |
 | IMAGE_FILTER_CENTER_FOCUS_WEAK | mdi:image-filter-center-focus-weak |
 | IMAGE_OUTLINE | mdi:image-outline |
 | IMAGE_REMOVE_OUTLINE | mdi:image-remove-outline |
 | IMAGE_REFRESH_OUTLINE | mdi:image-refresh-outline |
 | INFORMATION_BOX | mdi:information-box |
 | INFORMATION_BOX_OUTLINE | mdi:information-box-outline |
 | INFORMATION_OUTLINE | mdi:information-outline |
 | KEYBOARD_ARROW_DOWN | mdi:keyboard-arrow-down |
 | KEYBOARD_ARROW_RIGHT | mdi:keyboard-arrow-right |
 | LINK | mdi:link |
 | LOADING | mdi:loading |
 | LOCK_OUTLINE | mdi:lock-outline |
 | LOGOUT | mdi:logout |
 | LOUDSPEAKER_OUTLINE | mdi:loudspeaker-outline |
 | MAGNIFY | mdi:magnify |
 | MAP_MARKER_OUTLINE | mdi:map-marker-outline |
 | MESSAGE_BADGE | mdi:message-badge |
 | MINUS | mdi:minus |
 | NAVIGATE_BEFORE | mdi:navigate-before |
 | NAVIGATE_NEXT | mdi:navigate-next |
 | NEWSPAPER_VARIANT | mdi:newspaper-variant |
 | NOTEBOOK_CHECK | mdi:notebook-check |
 | NOTIFICATIONS_NONE | mdi:notifications-none |
 | PAGE_FIRST | mdi:page-first |
 | PAGE_LAST | mdi:page-last |
 | PENCIL_OUTLINE | mdi:pencil-outline |
 | PEOPLE_GROUP_OUTLINE | mdi:people-group-outline |
 | PHONE_OUTLINE | mdi:phone-outline |
 | PLUS | mdi:plus |
 | PLUS_CIRCLE_OUTLINE | mdi:plus-circle-outline |
 | POST_IT_NOTES_OUTLINE | mdi:post-it-notes-outline |
 | PRINTER_OUTLINE | mdi:printer-outline |
 | RATE_REVIEW | mdi:rate-review |
 | RECORD_CIRCLE_OUTLINE | mdi:record-circle-outline |
 | REDO | mdi:redo |
 | REFRESH | mdi:refresh |
 | RESTART | mdi:restart |
 | RESTORE | mdi:restore |
 | SCHOOL_OUTLINE | mdi:school-outline |
 | SETTINGS | mdi:settings |
 | SHARE_VARIANT_OUTLINE | mdi:share-variant-outline |
 | STAR | mdi:star |
 | STAR_CHECK_OUTLINE | mdi:star-check-outline |
 | STAR_SHOOTING_OUTLINE | mdi:star-shooting-outline |
 | STARS | mdi:stars |
 | STOREFRONT_OUTLINE | mdi:storefront-outline |
 | SUCCESS_CIRCLE_OUTLINE | mdi:success-circle-outline |
 | SWAP_HORIZONTAL | mdi:swap-horizontal |
 | SWAP_VERTICAL_VARIANT | mdi:swap-vertical-variant |
 | TABLE_COLUMN_PLUS_AFTER | mdi:table-column-plus-after |
 | TABLE_COLUMN_PLUS_BEFORE | mdi:table-column-plus-before |
 | TABLE_COLUMN_REMOVE | mdi:table-column-remove |
 | TABLE_PLUS | mdi:table-plus |
 | TABLE_REMOVE | mdi:table-remove |
 | TABLE_ROW_PLUS_AFTER | mdi:table-row-plus-after |
 | TABLE_ROW_PLUS_BEFORE | mdi:table-row-plus-before |
 | TABLE_ROW_REMOVE | mdi:table-row-remove |
 | TABLE_SETTINGS | mdi:table-settings |
 | TARGET_ARROW | mdi:target-arrow |
 | TEST_TUBE_EMPTY | mdi:test-tube-empty |
 | TEXT_BOX_CHECK_OUTLINE | mdi:text-box-check-outline |
 | TRANSLATE | mdi:translate |
 | TRASH_CAN_OUTLINE | mdi:trash-can-outline |
 | TRAY_UPLOAD | mdi:tray-upload |
 | UNDO | mdi:undo |
 | VECTOR_POLYGON_VARIANT | mdi:vector-polygon-variant |
 | WARNING | mdi:warning |
 | WARNING_CIRCLE | mdi:warning-circle |
 | WARNING_OUTLINE | mdi:warning-outline |
 | WEIGHTS | mdi:weights |
Remix Icons
| Preview | RI_ICONS Name | Iconify Code |
|---|---|---|
 | BOOK_SHELF_LINE | ri:book-shelf-line |
 | DIAMOND_FILL | ri:diamond-fill |
 | DICE_1_LINE | ri:dice-1-line |
 | DICE_4_LINE | ri:dice-4-line |
 | DRAW_LINE | ri:draw-line |
 | HAND_HEART_LINE | ri:hand-heart-line |
 | HONOUR_LINE | ri:honour-line |
 | LAYOUT_6_LINE | ri:layout-6-line |
 | LOADER_LINE | ri:loader-line |
 | TIMER_LINE | ri:timer-line |
Custom icons
| Preview | ICONS_DATA_URL Name | Inline SVG |
|---|---|---|
 | AMS_SAE | Inline SVG |
 | CLOCK_ALMOST_CHECK | Inline SVG |
 | CLOCK_HALF_PLUS_CHECK | Inline SVG |
 | CLOCK_QUARTER_CHECK | Inline SVG |
 | CLOCK_THIRD_CHECK | Inline SVG |
 | FILE_DOCUMENT_MULTIPLE_OUTLINE | Inline SVG |
 | MDI_ALERT_CIRCLE_OUTLINE | Inline SVG |
 | MDI_BOOKMARK_CHECK | Inline SVG |
 | MDI_CALENDAR_CHECK_OUTLINE | Inline SVG |
 | MDI_CALENDAR_CLOCK_OUTLINE | Inline SVG |
 | MDI_CALENDAR_RANGE_OUTLINE | Inline SVG |
 | MDI_CHECK_CIRCLE | Inline SVG |
 | MDI_CHECK_CIRCLE_OUTLINE | Inline SVG |
 | MDI_CLOSE_CIRCLE_OUTLINE | Inline SVG |
 | MDI_DOTS_HORIZONTAL_CIRCLE_OUTLINE | Inline SVG |
 | MDI_MESSAGE_BADGE | Inline SVG |
 | MDI_HOURGLASS | Inline SVG |
 | MDI_KEYBOARD_ARROW_DOWN | Inline SVG |
 | MDI_KEYBOARD_ARROW_RIGHT | Inline SVG |
 | MDI_PENCIL_OUTLINE | Inline SVG |
 | MDI_STARS | Inline SVG |
 | MDI_TEXT_BOX_CHECK_OUTLINE | Inline SVG |
 | MDI_WARNING_OUTLINE | Inline SVG |
 | TEXT_BULLET_LIST_SPARKLE | Inline SVG |