Skip to content

ICONS

Last updated: 2025-10-30

Generated automatically from src/tokens/icons.ts.

This file allows you to know all the current icons added as tokens in DSAV.

MDI Icons

PreviewMDI_ICONS NameIconify Code
mdi:account-circle-outlineACCOUNT_CIRCLE_OUTLINEmdi:account-circle-outline
mdi:account-student-outlineACCOUNT_STUDENT_OUTLINEmdi:account-student-outline
mdi:alert-circle-outlineALERT_CIRCLE_OUTLINEmdi:alert-circle-outline
mdi:alert-outlineALERT_OUTLINEmdi:alert-outline
mdi:arrow-decisionARROW_DECISIONmdi:arrow-decision
mdi:arrow-left-thinARROW_LEFT_THINmdi:arrow-left-thin
mdi:arrow-rightARROW_RIGHTmdi:arrow-right
mdi:arrow-right-bottomARROW_RIGHT_BOTTOMmdi:arrow-right-bottom
mdi:arrow-right-thinARROW_RIGHT_THINmdi:arrow-right-thin
mdi:arrow-top-right-thickARROW_TOP_RIGHT_THICKmdi:arrow-top-right-thick
mdi:attach-fileATTACH_FILEmdi:attach-file
mdi:attachment-plusATTACHMENT_PLUSmdi:attachment-plus
mdi:bell-notificationBELL_NOTIFICATIONmdi:bell-notification
mdi:book-location-outlineBOOK_LOCATION_OUTLINEmdi:book-location-outline
mdi:briefcase-variant-outlineBRIEFCASE_VARIANT_OUTLINEmdi:briefcase-variant-outline
mdi:calendar-month-outlineCALENDAR_MONTH_OUTLINEmdi:calendar-month-outline
mdi:chart-timeline-variant-shimmerCHART_TIMELINE_VARIANT_SHIMMERmdi:chart-timeline-variant-shimmer
mdi:chat-alertCHAT_ALERTmdi:chat-alert
mdi:chat-bubble-outlineCHAT_BUBBLE_OUTLINEmdi:chat-bubble-outline
mdi:checkCHECKmdi:check
mdi:check-circleCHECK_CIRCLEmdi:check-circle
mdi:check-circle-outlineCHECK_CIRCLE_OUTLINEmdi:check-circle-outline
mdi:checkbox-blank-outlineCHECKBOX_BLANK_OUTLINEmdi:checkbox-blank-outline
mdi:checkbox-markedCHECKBOX_MARKEDmdi:checkbox-marked
mdi:chevron-double-leftCHEVRON_DOUBLE_LEFTmdi:chevron-double-left
mdi:chevron-double-rightCHEVRON_DOUBLE_RIGHTmdi:chevron-double-right
mdi:circleCIRCLEmdi:circle
mdi:close-circle-outlineCLOSE_CIRCLE_OUTLINEmdi:close-circle-outline
mdi:content-save-outlineCONTENT_SAVE_OUTLINEmdi:content-save-outline
mdi:dots-verticalDOTS_VERTICALmdi:dots-vertical
mdi:electron-frameworkELECTRON_FRAMEWORKmdi:electron-framework
mdi:familyFAMILYmdi:family
mdi:fileFILEmdi:file
mdi:file-account-outlineFILE_ACCOUNT_OUTLINEmdi:file-account-outline
mdi:file-document-box-multiple-outlineFILE_DOCUMENT_BOX_MULTIPLE_OUTLINEmdi:file-document-box-multiple-outline
mdi:file-document-edit-outlineFILE_DOCUMENT_EDIT_OUTLINEmdi:file-document-edit-outline
mdi:file-document-multiple-outlineFILE_DOCUMENT_MULTIPLE_OUTLINEmdi:file-document-multiple-outline
mdi:file-image-outlineFILE_IMAGE_OUTLINEmdi:file-image-outline
mdi:file-tree-outlineFILE_TREE_OUTLINEmdi:file-tree-outline
mdi:flag-variantFLAG_VARIANTmdi:flag-variant
mdi:format-list-bulletedFORMAT_LIST_BULLETEDmdi:format-list-bulleted
mdi:home-variant-outlineHOME_VARIANT_OUTLINEmdi:home-variant-outline
mdi:hourglassHOURGLASSmdi:hourglass
mdi:image-filter-center-focus-weakIMAGE_FILTER_CENTER_FOCUS_WEAKmdi:image-filter-center-focus-weak
mdi:image-outlineIMAGE_OUTLINEmdi:image-outline
mdi:information-outlineINFORMATION_OUTLINEmdi:information-outline
mdi:linkLINKmdi:link
mdi:loadingLOADING_OUTLINEmdi:loading
mdi:logoutLOGOUTmdi:logout
mdi:navigate-beforeNAVIGATE_BEFOREmdi:navigate-before
mdi:navigate-nextNAVIGATE_NEXTmdi:navigate-next
mdi:notebook-checkNOTEBOOK_CHECKmdi:notebook-check
mdi:notifications-noneNOTIFICATIONS_NONEmdi:notifications-none
mdi:page-firstPAGE_FIRSTmdi:page-first
mdi:page-lastPAGE_LASTmdi:page-last
mdi:pencil-outlinePENCIL_OUTLINEmdi:pencil-outline
mdi:people-group-outlinePEOPLE_GROUP_OUTLINEmdi:people-group-outline
mdi:plus-circle-outlinePLUS_CIRCLE_OUTLINEmdi:plus-circle-outline
mdi:post-it-notes-outlinePOST_IT_NOTES_OUTLINEmdi:post-it-notes-outline
mdi:record-circle-outlineRECORD_CIRCLE_OUTLINEmdi:record-circle-outline
mdi:school-outlineSCHOOL_OUTLINEmdi:school-outline
mdi:share-variant-outlineSHARE_VARIANT_OUTLINEmdi:share-variant-outline
mdi:star-check-outlineSTAR_CHECK_OUTLINEmdi:star-check-outline
mdi:star-shooting-outlineSTAR_SHOOTING_OUTLINEmdi:star-shooting-outline
mdi:starsSTARSmdi:stars
mdi:swap-horizontalSWAP_HORIZONTALmdi:swap-horizontal
mdi:swap-vertical-variantSWAP_VERTICAL_VARIANTmdi:swap-vertical-variant
mdi:target-arrowTARGET_ARROWmdi:target-arrow
mdi:test-tube-emptyTEST_TUBE_EMPTYmdi:test-tube-empty
mdi:trash-can-outlineTRASH_CAN_OUTLINEmdi:trash-can-outline
mdi:tray-uploadTRAY_UPLOADmdi:tray-upload
mdi:vector-polygon-variantVECTOR_POLYGON_VARIANTmdi:vector-polygon-variant
mdi:warning-outlineWARNING_OUTLINEmdi:warning-outline

Remix Icons

PreviewRI_ICONS NameIconify Code
ri:dice-1-lineDICE_1_LINEri:dice-1-line
ri:dice-4-lineDICE_4_LINEri:dice-4-line
ri:loader-lineLOADER_LINEri:loader-line

Custom icons

PreviewICONS_DATA_URL NameInline SVG
AMS_SAEInline SVG
CLOCK_ALMOST_CHECKInline SVG
CLOCK_HALF_PLUS_CHECKInline SVG
CLOCK_QUARTER_CHECKInline SVG
CLOCK_THIRD_CHECKInline SVG
FILE_DOCUMENT_MULTIPLE_OUTLINEInline SVG
MDI_ALERT_CIRCLE_OUTLINEInline SVG
MDI_BOOKMARK_CHECKInline SVG
MDI_CALENDAR_CHECK_OUTLINEInline SVG
MDI_CALENDAR_CLOCK_OUTLINEInline SVG
MDI_CALENDAR_RANGE_OUTLINEInline SVG
MDI_CHECK_CIRCLEInline SVG
MDI_CLOSE_CIRCLE_OUTLINEInline SVG
MDI_DOTS_HORIZONTAL_CIRCLE_OUTLINEInline SVG
MDI_MESSAGE_BADGEInline SVG
MDI_HOURGLASSInline SVG
MDI_PENCIL_OUTLINEInline SVG
![](https://api.iconify.design/.svg)MDI_STARS<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m19 1l-1.26 2.75L15 5l2.74 1.26L19 9l1.25-2.74L23 5l-2.75-1.25M9 4L6.5 9.5L1 12l5.5 2.5L9 20l2.5-5.5L17 12l-5.5-2.5M19 15l-1.26 2.74L15 19l2.74 1.25L19 23l1.25-2.75L23 19l-2.75-1.26"/></svg>
MDI_TEXT_BOX_CHECK_OUTLINEInline SVG
MDI_WARNING_OUTLINEInline SVG