UNPKG

@mapp-digital/mapp-fonts

Version:

A collection of fonts used in Mapp UIs.

2,032 lines (1,586 loc) 63 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>mapp-fonts</title> <style> body { font-family: sans-serif; margin: 0; padding: 10px 20px; text-align: center; background-color: #f5f8fa; } .preview { width: 120px; display: inline-block; margin: 10px; } .preview .inner { display: inline-block; width: 100%; text-align: center; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; height: 60px; } .preview .inner .mui-icons { font-size: 40px; color: #4e6080; } .label { display: inline-block; width: 100%; box-sizing: border-box; padding: 5px; font-size: 12px; font-family: Monaco, monospace; color: #666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* background: #ddd; */ -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; color: #666; } </style> <link rel="stylesheet" type="text/css" href="mapp-fonts.css" /> </head> <body> <h1>mapp-fonts</h1> <div class="preview"> <span class="inner"> <i class="mui-icons">accounts_inv</i> </span> <br> <span class='label'>accounts_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">accounts</i> </span> <br> <span class='label'>accounts</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">adcode</i> </span> <br> <span class='label'>adcode</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">add</i> </span> <br> <span class='label'>add</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">administration_inv</i> </span> <br> <span class='label'>administration_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">administration</i> </span> <br> <span class='label'>administration</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">api-key</i> </span> <br> <span class='label'>api-key</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">app_aquire</i> </span> <br> <span class='label'>app_aquire</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">app_empower</i> </span> <br> <span class='label'>app_empower</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">app_engage</i> </span> <br> <span class='label'>app_engage</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">app_intelligence</i> </span> <br> <span class='label'>app_intelligence</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">app-switcher</i> </span> <br> <span class='label'>app-switcher</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">archive</i> </span> <br> <span class='label'>archive</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">arrow-down-double</i> </span> <br> <span class='label'>arrow-down-double</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">arrow-left-double</i> </span> <br> <span class='label'>arrow-left-double</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">arrow-left</i> </span> <br> <span class='label'>arrow-left</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">arrow-right-double</i> </span> <br> <span class='label'>arrow-right-double</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">arrow-right</i> </span> <br> <span class='label'>arrow-right</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">arrow-up-double</i> </span> <br> <span class='label'>arrow-up-double</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">attachment</i> </span> <br> <span class='label'>attachment</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">audience_inv</i> </span> <br> <span class='label'>audience_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">audience</i> </span> <br> <span class='label'>audience</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">automation_inv</i> </span> <br> <span class='label'>automation_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">automation</i> </span> <br> <span class='label'>automation</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-comparison_inv</i> </span> <br> <span class='label'>av-comparison_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-comparison</i> </span> <br> <span class='label'>av-comparison</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-crosstable_inv</i> </span> <br> <span class='label'>av-crosstable_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-crosstable</i> </span> <br> <span class='label'>av-crosstable</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-list</i> </span> <br> <span class='label'>av-list</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-path</i> </span> <br> <span class='label'>av-path</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-timeseries_inv</i> </span> <br> <span class='label'>av-timeseries_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">av-timeseries</i> </span> <br> <span class='label'>av-timeseries</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">bell_inv</i> </span> <br> <span class='label'>bell_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">bell</i> </span> <br> <span class='label'>bell</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">bulb_inv</i> </span> <br> <span class='label'>bulb_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">bulb</i> </span> <br> <span class='label'>bulb</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">calendar</i> </span> <br> <span class='label'>calendar</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">campaigns_inv</i> </span> <br> <span class='label'>campaigns_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">campaigns</i> </span> <br> <span class='label'>campaigns</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">categories_inv</i> </span> <br> <span class='label'>categories_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">categories</i> </span> <br> <span class='label'>categories</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">changelog_inv</i> </span> <br> <span class='label'>changelog_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">changelog</i> </span> <br> <span class='label'>changelog</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-ampmail</i> </span> <br> <span class='label'>channel-ampmail</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-directmail</i> </span> <br> <span class='label'>channel-directmail</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-email</i> </span> <br> <span class='label'>channel-email</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-in-app</i> </span> <br> <span class='label'>channel-in-app</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-mobile-push</i> </span> <br> <span class='label'>channel-mobile-push</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-sms</i> </span> <br> <span class='label'>channel-sms</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">channel-web-push</i> </span> <br> <span class='label'>channel-web-push</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-area</i> </span> <br> <span class='label'>chart-area</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-bars</i> </span> <br> <span class='label'>chart-bars</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-bubble_inv</i> </span> <br> <span class='label'>chart-bubble_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-bubble</i> </span> <br> <span class='label'>chart-bubble</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-chart-spiderweb-area</i> </span> <br> <span class='label'>chart-chart-spiderweb-area</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-cloud_inv</i> </span> <br> <span class='label'>chart-cloud_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-cloud</i> </span> <br> <span class='label'>chart-cloud</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-columns</i> </span> <br> <span class='label'>chart-columns</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-combined-line-column</i> </span> <br> <span class='label'>chart-combined-line-column</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-funnel_inv</i> </span> <br> <span class='label'>chart-funnel_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-funnel</i> </span> <br> <span class='label'>chart-funnel</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-line</i> </span> <br> <span class='label'>chart-line</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-pie_inv</i> </span> <br> <span class='label'>chart-pie_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-pie</i> </span> <br> <span class='label'>chart-pie</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-pyramid_inv</i> </span> <br> <span class='label'>chart-pyramid_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-pyramid</i> </span> <br> <span class='label'>chart-pyramid</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-spiderweb-line</i> </span> <br> <span class='label'>chart-spiderweb-line</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-stacked-columns-absolute</i> </span> <br> <span class='label'>chart-stacked-columns-absolute</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-stacked-columns</i> </span> <br> <span class='label'>chart-stacked-columns</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chart-sunburst</i> </span> <br> <span class='label'>chart-sunburst</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">check</i> </span> <br> <span class='label'>check</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chevron-down</i> </span> <br> <span class='label'>chevron-down</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chevron-left</i> </span> <br> <span class='label'>chevron-left</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chevron-right</i> </span> <br> <span class='label'>chevron-right</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chevron-up-down</i> </span> <br> <span class='label'>chevron-up-down</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">chevron-up</i> </span> <br> <span class='label'>chevron-up</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">clock_inv</i> </span> <br> <span class='label'>clock_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">clock</i> </span> <br> <span class='label'>clock</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">close</i> </span> <br> <span class='label'>close</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">compress</i> </span> <br> <span class='label'>compress</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">connection_inv</i> </span> <br> <span class='label'>connection_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">connection</i> </span> <br> <span class='label'>connection</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">containers_inv</i> </span> <br> <span class='label'>containers_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">containers</i> </span> <br> <span class='label'>containers</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">contents_inv</i> </span> <br> <span class='label'>contents_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">contents</i> </span> <br> <span class='label'>contents</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">context-menu_inv</i> </span> <br> <span class='label'>context-menu_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">context-menu</i> </span> <br> <span class='label'>context-menu</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">copy_inv</i> </span> <br> <span class='label'>copy_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">copy</i> </span> <br> <span class='label'>copy</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">create-copy-from-version</i> </span> <br> <span class='label'>create-copy-from-version</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">create-new_inv</i> </span> <br> <span class='label'>create-new_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">create-new</i> </span> <br> <span class='label'>create-new</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">custom-date-range_inv</i> </span> <br> <span class='label'>custom-date-range_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">custom-date-range</i> </span> <br> <span class='label'>custom-date-range</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">custom-figures_inv</i> </span> <br> <span class='label'>custom-figures_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">custom-figures</i> </span> <br> <span class='label'>custom-figures</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">dashboard_inv</i> </span> <br> <span class='label'>dashboard_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">dashboard</i> </span> <br> <span class='label'>dashboard</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">data-management_inv</i> </span> <br> <span class='label'>data-management_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">data-management</i> </span> <br> <span class='label'>data-management</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">database_inv</i> </span> <br> <span class='label'>database_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">database</i> </span> <br> <span class='label'>database</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">deactivate_inv</i> </span> <br> <span class='label'>deactivate_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">deactivate</i> </span> <br> <span class='label'>deactivate</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">device-desktop</i> </span> <br> <span class='label'>device-desktop</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">device-phone</i> </span> <br> <span class='label'>device-phone</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">device-tablet</i> </span> <br> <span class='label'>device-tablet</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">divider</i> </span> <br> <span class='label'>divider</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">document-analytic-report</i> </span> <br> <span class='label'>document-analytic-report</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">document-blank</i> </span> <br> <span class='label'>document-blank</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">document-csv</i> </span> <br> <span class='label'>document-csv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">document-pdf</i> </span> <br> <span class='label'>document-pdf</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">document-xls</i> </span> <br> <span class='label'>document-xls</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">document</i> </span> <br> <span class='label'>document</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">documentation_inv</i> </span> <br> <span class='label'>documentation_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">documentation</i> </span> <br> <span class='label'>documentation</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">download</i> </span> <br> <span class='label'>download</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">drag-handle_inv</i> </span> <br> <span class='label'>drag-handle_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">drag-handle</i> </span> <br> <span class='label'>drag-handle</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">ecommerce_inv</i> </span> <br> <span class='label'>ecommerce_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">ecommerce</i> </span> <br> <span class='label'>ecommerce</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">edit_inv</i> </span> <br> <span class='label'>edit_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">edit-code</i> </span> <br> <span class='label'>edit-code</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">edit-pen</i> </span> <br> <span class='label'>edit-pen</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">edit-split</i> </span> <br> <span class='label'>edit-split</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">edit-visual</i> </span> <br> <span class='label'>edit-visual</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">edit</i> </span> <br> <span class='label'>edit</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">error_inv</i> </span> <br> <span class='label'>error_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">error</i> </span> <br> <span class='label'>error</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">expand</i> </span> <br> <span class='label'>expand</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">export</i> </span> <br> <span class='label'>export</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">feedback_inv</i> </span> <br> <span class='label'>feedback_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">feedback</i> </span> <br> <span class='label'>feedback</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">filter_inv</i> </span> <br> <span class='label'>filter_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">filter</i> </span> <br> <span class='label'>filter</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder_inv</i> </span> <br> <span class='label'>folder_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder-add_inv</i> </span> <br> <span class='label'>folder-add_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder-add</i> </span> <br> <span class='label'>folder-add</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder-move_inv</i> </span> <br> <span class='label'>folder-move_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder-move</i> </span> <br> <span class='label'>folder-move</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder-remove_inv</i> </span> <br> <span class='label'>folder-remove_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder-remove</i> </span> <br> <span class='label'>folder-remove</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">folder</i> </span> <br> <span class='label'>folder</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">hamburger-menu</i> </span> <br> <span class='label'>hamburger-menu</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">heart_inv</i> </span> <br> <span class='label'>heart_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">heart</i> </span> <br> <span class='label'>heart</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">help_inv</i> </span> <br> <span class='label'>help_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">help</i> </span> <br> <span class='label'>help</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">hide</i> </span> <br> <span class='label'>hide</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">image</i> </span> <br> <span class='label'>image</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">import</i> </span> <br> <span class='label'>import</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">info_inv</i> </span> <br> <span class='label'>info_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">info</i> </span> <br> <span class='label'>info</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">integrations_inv</i> </span> <br> <span class='label'>integrations_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">integrations</i> </span> <br> <span class='label'>integrations</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">json</i> </span> <br> <span class='label'>json</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">key</i> </span> <br> <span class='label'>key</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">link</i> </span> <br> <span class='label'>link</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">lock</i> </span> <br> <span class='label'>lock</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">magic_inv</i> </span> <br> <span class='label'>magic_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">magic</i> </span> <br> <span class='label'>magic</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">mapp-m</i> </span> <br> <span class='label'>mapp-m</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">marketing_inv</i> </span> <br> <span class='label'>marketing_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">marketing</i> </span> <br> <span class='label'>marketing</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">messages_inv</i> </span> <br> <span class='label'>messages_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">messages</i> </span> <br> <span class='label'>messages</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">mouse_inv</i> </span> <br> <span class='label'>mouse_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">mouse</i> </span> <br> <span class='label'>mouse</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">net-path_inv</i> </span> <br> <span class='label'>net-path_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">net-path</i> </span> <br> <span class='label'>net-path</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">note_inv</i> </span> <br> <span class='label'>note_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">note</i> </span> <br> <span class='label'>note</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">notifications_inv</i> </span> <br> <span class='label'>notifications_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">notifications</i> </span> <br> <span class='label'>notifications</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">number</i> </span> <br> <span class='label'>number</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">parameters_inv</i> </span> <br> <span class='label'>parameters_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">parameters</i> </span> <br> <span class='label'>parameters</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">placements_inv</i> </span> <br> <span class='label'>placements_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">placements</i> </span> <br> <span class='label'>placements</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">play_inv</i> </span> <br> <span class='label'>play_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">play</i> </span> <br> <span class='label'>play</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">plugins_inv</i> </span> <br> <span class='label'>plugins_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">plugins</i> </span> <br> <span class='label'>plugins</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">prio-rev</i> </span> <br> <span class='label'>prio-rev</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">prio</i> </span> <br> <span class='label'>prio</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">productfeed_inv</i> </span> <br> <span class='label'>productfeed_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">productfeed</i> </span> <br> <span class='label'>productfeed</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">profile_inv</i> </span> <br> <span class='label'>profile_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">profile</i> </span> <br> <span class='label'>profile</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">release-notes_inv</i> </span> <br> <span class='label'>release-notes_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">release-notes</i> </span> <br> <span class='label'>release-notes</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">remove</i> </span> <br> <span class='label'>remove</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">reports_inv</i> </span> <br> <span class='label'>reports_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">reports</i> </span> <br> <span class='label'>reports</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">reset-pw</i> </span> <br> <span class='label'>reset-pw</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">reset</i> </span> <br> <span class='label'>reset</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">restore-version</i> </span> <br> <span class='label'>restore-version</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">roles_inv</i> </span> <br> <span class='label'>roles_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">roles</i> </span> <br> <span class='label'>roles</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">rules_inv</i> </span> <br> <span class='label'>rules_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">rules</i> </span> <br> <span class='label'>rules</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">search-replace</i> </span> <br> <span class='label'>search-replace</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">search</i> </span> <br> <span class='label'>search</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">send-plane_inv</i> </span> <br> <span class='label'>send-plane_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">send-plane</i> </span> <br> <span class='label'>send-plane</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">server-info_inv</i> </span> <br> <span class='label'>server-info_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">server-info</i> </span> <br> <span class='label'>server-info</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">settings_inv</i> </span> <br> <span class='label'>settings_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">settings</i> </span> <br> <span class='label'>settings</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">show</i> </span> <br> <span class='label'>show</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">smart-snippet_inv</i> </span> <br> <span class='label'>smart-snippet_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">smart-snippet</i> </span> <br> <span class='label'>smart-snippet</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">sort-alphabetical-asc</i> </span> <br> <span class='label'>sort-alphabetical-asc</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">sort-alphabetical-dec</i> </span> <br> <span class='label'>sort-alphabetical-dec</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">sort-chronological-asc</i> </span> <br> <span class='label'>sort-chronological-asc</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">sort-chronological-dec</i> </span> <br> <span class='label'>sort-chronological-dec</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">sort-down_inv</i> </span> <br> <span class='label'>sort-down_inv</span> </div> <div class="preview"> <span class="inner"> <i class="mui-icons">sort-down</i> </span> <br> <span class='label'>sort-down</span> </div>