@momentum-ui/icons

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Icons Fonts Preview</title> <link rel="stylesheet" href="../css/momentum-ui-icons.css"> <style> body { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); grid-auto-rows: 1fr; grid-gap: 10px; padding: 10px; margin: 0; align-items: center; justify-items: center; } .icon-card { display: flex; flex-direction: column; height: 100%; width: 100%; border-radius: 4px; box-shadow: 0px 1px 5px #aeaeae; justify-content: space-around; align-items: center; } .icon-container { display: flex; align-items: center; justify-content: center; } .icon-name { margin-top: 5px; font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; font-size: 12px; text-align: center; color: #333; } /* IE 11 only: */ @media all and (-ms-high-contrast: none) { body { text-align: center; } .icon-card { vertical-align: top; display: inline-block; width: 200px; height: 200px; margin: 10px; } } </style> </head> <body> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-3d-object_16"></div> </div> <div class="icon-name">3d-object_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-3d-object_20"></div> </div> <div class="icon-name">3d-object_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-3d-object_24"></div> </div> <div class="icon-name">3d-object_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-3d-object_56"></div> </div> <div class="icon-name">3d-object_56</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessibility_16"></div> </div> <div class="icon-name">accessibility_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories_16"></div> </div> <div class="icon-name">accessories_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories_18"></div> </div> <div class="icon-name">accessories_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories_20"></div> </div> <div class="icon-name">accessories_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories_24"></div> </div> <div class="icon-name">accessories_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories_36"></div> </div> <div class="icon-name">accessories_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories_56"></div> </div> <div class="icon-name">accessories_56</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories-active_12"></div> </div> <div class="icon-name">accessories-active_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories-active_16"></div> </div> <div class="icon-name">accessories-active_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories-active_18"></div> </div> <div class="icon-name">accessories-active_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-accessories-active_20"></div> </div> <div class="icon-name">accessories-active_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker_12"></div> </div> <div class="icon-name">active-speaker_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker_16"></div> </div> <div class="icon-name">active-speaker_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker_24"></div> </div> <div class="icon-name">active-speaker_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker_32"></div> </div> <div class="icon-name">active-speaker_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker_48"></div> </div> <div class="icon-name">active-speaker_48</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker-alert_12"></div> </div> <div class="icon-name">active-speaker-alert_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker-locked_24"></div> </div> <div class="icon-name">active-speaker-locked_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker-muted_12"></div> </div> <div class="icon-name">active-speaker-muted_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker-muted_16"></div> </div> <div class="icon-name">active-speaker-muted_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-active-speaker-muted_24"></div> </div> <div class="icon-name">active-speaker-muted_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-activities_12"></div> </div> <div class="icon-name">activities_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-activities_16"></div> </div> <div class="icon-name">activities_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add_10"></div> </div> <div class="icon-name">add_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add_12"></div> </div> <div class="icon-name">add_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add_14"></div> </div> <div class="icon-name">add_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add_16"></div> </div> <div class="icon-name">add_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add_20"></div> </div> <div class="icon-name">add_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add_24"></div> </div> <div class="icon-name">add_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-option_12"></div> </div> <div class="icon-name">add-option_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-option_14"></div> </div> <div class="icon-name">add-option_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-option_16"></div> </div> <div class="icon-name">add-option_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-poll_12"></div> </div> <div class="icon-name">add-poll_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-poll_14"></div> </div> <div class="icon-name">add-poll_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-question_12"></div> </div> <div class="icon-name">add-question_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-question_14"></div> </div> <div class="icon-name">add-question_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-question_16"></div> </div> <div class="icon-name">add-question_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-add-video-marker_12"></div> </div> <div class="icon-name">add-video-marker_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-added-to-space_10"></div> </div> <div class="icon-name">added-to-space_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-added-to-space_12"></div> </div> <div class="icon-name">added-to-space_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust_12"></div> </div> <div class="icon-name">adjust_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust_14"></div> </div> <div class="icon-name">adjust_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust_16"></div> </div> <div class="icon-name">adjust_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust_20"></div> </div> <div class="icon-name">adjust_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust_24"></div> </div> <div class="icon-name">adjust_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_12"></div> </div> <div class="icon-name">adjust-audio_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_14"></div> </div> <div class="icon-name">adjust-audio_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_16"></div> </div> <div class="icon-name">adjust-audio_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_18"></div> </div> <div class="icon-name">adjust-audio_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_20"></div> </div> <div class="icon-name">adjust-audio_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_24"></div> </div> <div class="icon-name">adjust-audio_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-audio_28"></div> </div> <div class="icon-name">adjust-audio_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-microphone_12"></div> </div> <div class="icon-name">adjust-microphone_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-video_14"></div> </div> <div class="icon-name">adjust-video_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-video_16"></div> </div> <div class="icon-name">adjust-video_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-adjust-video_24"></div> </div> <div class="icon-name">adjust-video_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-admin_12"></div> </div> <div class="icon-name">admin_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-admin_14"></div> </div> <div class="icon-name">admin_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-admin_16"></div> </div> <div class="icon-name">admin_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-admin_24"></div> </div> <div class="icon-name">admin_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-admin_32"></div> </div> <div class="icon-name">admin_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-advanced-noise-removal_12"></div> </div> <div class="icon-name">advanced-noise-removal_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alarm_16"></div> </div> <div class="icon-name">alarm_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alarm_20"></div> </div> <div class="icon-name">alarm_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alarm_24"></div> </div> <div class="icon-name">alarm_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_10"></div> </div> <div class="icon-name">alert_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_12"></div> </div> <div class="icon-name">alert_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_14"></div> </div> <div class="icon-name">alert_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_16"></div> </div> <div class="icon-name">alert_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_18"></div> </div> <div class="icon-name">alert_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_20"></div> </div> <div class="icon-name">alert_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_24"></div> </div> <div class="icon-name">alert_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_28"></div> </div> <div class="icon-name">alert_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert_36"></div> </div> <div class="icon-name">alert_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_10"></div> </div> <div class="icon-name">alert-active_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_12"></div> </div> <div class="icon-name">alert-active_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_16"></div> </div> <div class="icon-name">alert-active_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_18"></div> </div> <div class="icon-name">alert-active_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_20"></div> </div> <div class="icon-name">alert-active_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_24"></div> </div> <div class="icon-name">alert-active_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-active_36"></div> </div> <div class="icon-name">alert-active_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_10"></div> </div> <div class="icon-name">alert-muted_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_12"></div> </div> <div class="icon-name">alert-muted_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_14"></div> </div> <div class="icon-name">alert-muted_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_16"></div> </div> <div class="icon-name">alert-muted_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_18"></div> </div> <div class="icon-name">alert-muted_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_20"></div> </div> <div class="icon-name">alert-muted_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_24"></div> </div> <div class="icon-name">alert-muted_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_28"></div> </div> <div class="icon-name">alert-muted_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_36"></div> </div> <div class="icon-name">alert-muted_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted_8"></div> </div> <div class="icon-name">alert-muted_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_10"></div> </div> <div class="icon-name">alert-muted-active_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_12"></div> </div> <div class="icon-name">alert-muted-active_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_16"></div> </div> <div class="icon-name">alert-muted-active_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_18"></div> </div> <div class="icon-name">alert-muted-active_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_20"></div> </div> <div class="icon-name">alert-muted-active_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_24"></div> </div> <div class="icon-name">alert-muted-active_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_36"></div> </div> <div class="icon-name">alert-muted-active_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-alert-muted-active_8"></div> </div> <div class="icon-name">alert-muted-active_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-allow-to-annotate_16"></div> </div> <div class="icon-name">allow-to-annotate_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-allow-to-annotate_24"></div> </div> <div class="icon-name">allow-to-annotate_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_12"></div> </div> <div class="icon-name">analysis_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_16"></div> </div> <div class="icon-name">analysis_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_20"></div> </div> <div class="icon-name">analysis_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_24"></div> </div> <div class="icon-name">analysis_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_32"></div> </div> <div class="icon-name">analysis_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_36"></div> </div> <div class="icon-name">analysis_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis_48"></div> </div> <div class="icon-name">analysis_48</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis-active_16"></div> </div> <div class="icon-name">analysis-active_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis-active_20"></div> </div> <div class="icon-name">analysis-active_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis-active_24"></div> </div> <div class="icon-name">analysis-active_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis-active_32"></div> </div> <div class="icon-name">analysis-active_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis-active_36"></div> </div> <div class="icon-name">analysis-active_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-analysis-active_48"></div> </div> <div class="icon-name">analysis-active_48</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-angellist_16"></div> </div> <div class="icon-name">angellist_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_10"></div> </div> <div class="icon-name">annotation_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_12"></div> </div> <div class="icon-name">annotation_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_14"></div> </div> <div class="icon-name">annotation_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_16"></div> </div> <div class="icon-name">annotation_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_18"></div> </div> <div class="icon-name">annotation_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_20"></div> </div> <div class="icon-name">annotation_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation_24"></div> </div> <div class="icon-name">annotation_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-annotation-legacy_16"></div> </div> <div class="icon-name">annotation-legacy_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement_12"></div> </div> <div class="icon-name">announcement_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement_14"></div> </div> <div class="icon-name">announcement_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement_16"></div> </div> <div class="icon-name">announcement_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement_20"></div> </div> <div class="icon-name">announcement_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement_72"></div> </div> <div class="icon-name">announcement_72</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement_8"></div> </div> <div class="icon-name">announcement_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement-active_12"></div> </div> <div class="icon-name">announcement-active_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement-active_14"></div> </div> <div class="icon-name">announcement-active_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement-active_16"></div> </div> <div class="icon-name">announcement-active_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement-active_20"></div> </div> <div class="icon-name">announcement-active_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement-active_8"></div> </div> <div class="icon-name">announcement-active_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-announcement-muted_14"></div> </div> <div class="icon-name">announcement-muted_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-appearance_16"></div> </div> <div class="icon-name">appearance_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-appearance_20"></div> </div> <div class="icon-name">appearance_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-applause_12"></div> </div> <div class="icon-name">applause_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-applause_16"></div> </div> <div class="icon-name">applause_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application_12"></div> </div> <div class="icon-name">application_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application_16"></div> </div> <div class="icon-name">application_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application_20"></div> </div> <div class="icon-name">application_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application_24"></div> </div> <div class="icon-name">application_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application_36"></div> </div> <div class="icon-name">application_36</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application_48"></div> </div> <div class="icon-name">application_48</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application-panel_16"></div> </div> <div class="icon-name">application-panel_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-application-panel_20"></div> </div> <div class="icon-name">application-panel_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-applications_16"></div> </div> <div class="icon-name">applications_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-applications_24"></div> </div> <div class="icon-name">applications_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-approvals_16"></div> </div> <div class="icon-name">approvals_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-approvals_32"></div> </div> <div class="icon-name">approvals_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps_16"></div> </div> <div class="icon-name">apps_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps_20"></div> </div> <div class="icon-name">apps_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps_24"></div> </div> <div class="icon-name">apps_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps_28"></div> </div> <div class="icon-name">apps_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps-active_16"></div> </div> <div class="icon-name">apps-active_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps-active_20"></div> </div> <div class="icon-name">apps-active_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps-active_24"></div> </div> <div class="icon-name">apps-active_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-apps-active_28"></div> </div> <div class="icon-name">apps-active_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-archive_10"></div> </div> <div class="icon-name">archive_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-archive_12"></div> </div> <div class="icon-name">archive_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-archive_14"></div> </div> <div class="icon-name">archive_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-archive_16"></div> </div> <div class="icon-name">archive_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-archive_20"></div> </div> <div class="icon-name">archive_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-archive_8"></div> </div> <div class="icon-name">archive_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-area-chart_16"></div> </div> <div class="icon-name">area-chart_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-area-selector_16"></div> </div> <div class="icon-name">area-selector_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-area-selector_20"></div> </div> <div class="icon-name">area-selector_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-down_16"></div> </div> <div class="icon-name">arrow-circle-down_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-down_20"></div> </div> <div class="icon-name">arrow-circle-down_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-down_24"></div> </div> <div class="icon-name">arrow-circle-down_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-left_16"></div> </div> <div class="icon-name">arrow-circle-left_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-left_20"></div> </div> <div class="icon-name">arrow-circle-left_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-left_24"></div> </div> <div class="icon-name">arrow-circle-left_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-right_16"></div> </div> <div class="icon-name">arrow-circle-right_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-right_20"></div> </div> <div class="icon-name">arrow-circle-right_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-right_24"></div> </div> <div class="icon-name">arrow-circle-right_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-up_16"></div> </div> <div class="icon-name">arrow-circle-up_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-up_20"></div> </div> <div class="icon-name">arrow-circle-up_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-circle-up_24"></div> </div> <div class="icon-name">arrow-circle-up_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_12"></div> </div> <div class="icon-name">arrow-down_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_16"></div> </div> <div class="icon-name">arrow-down_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_18"></div> </div> <div class="icon-name">arrow-down_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_20"></div> </div> <div class="icon-name">arrow-down_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_24"></div> </div> <div class="icon-name">arrow-down_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_28"></div> </div> <div class="icon-name">arrow-down_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_32"></div> </div> <div class="icon-name">arrow-down_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_6"></div> </div> <div class="icon-name">arrow-down_6</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down_8"></div> </div> <div class="icon-name">arrow-down_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_10"></div> </div> <div class="icon-name">arrow-down-optical_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_12"></div> </div> <div class="icon-name">arrow-down-optical_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_14"></div> </div> <div class="icon-name">arrow-down-optical_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_16"></div> </div> <div class="icon-name">arrow-down-optical_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_18"></div> </div> <div class="icon-name">arrow-down-optical_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_20"></div> </div> <div class="icon-name">arrow-down-optical_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_24"></div> </div> <div class="icon-name">arrow-down-optical_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_28"></div> </div> <div class="icon-name">arrow-down-optical_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_32"></div> </div> <div class="icon-name">arrow-down-optical_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-down-optical_8"></div> </div> <div class="icon-name">arrow-down-optical_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-filled-down_10"></div> </div> <div class="icon-name">arrow-filled-down_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-filled-down_12"></div> </div> <div class="icon-name">arrow-filled-down_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-filled-down_8"></div> </div> <div class="icon-name">arrow-filled-down_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-filled-up_10"></div> </div> <div class="icon-name">arrow-filled-up_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-filled-up_12"></div> </div> <div class="icon-name">arrow-filled-up_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-filled-up_8"></div> </div> <div class="icon-name">arrow-filled-up_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_12"></div> </div> <div class="icon-name">arrow-left_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_16"></div> </div> <div class="icon-name">arrow-left_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_18"></div> </div> <div class="icon-name">arrow-left_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_20"></div> </div> <div class="icon-name">arrow-left_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_24"></div> </div> <div class="icon-name">arrow-left_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_28"></div> </div> <div class="icon-name">arrow-left_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_32"></div> </div> <div class="icon-name">arrow-left_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_6"></div> </div> <div class="icon-name">arrow-left_6</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left_8"></div> </div> <div class="icon-name">arrow-left_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_10"></div> </div> <div class="icon-name">arrow-left-optical_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_12"></div> </div> <div class="icon-name">arrow-left-optical_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_14"></div> </div> <div class="icon-name">arrow-left-optical_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_16"></div> </div> <div class="icon-name">arrow-left-optical_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_18"></div> </div> <div class="icon-name">arrow-left-optical_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_20"></div> </div> <div class="icon-name">arrow-left-optical_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_24"></div> </div> <div class="icon-name">arrow-left-optical_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_28"></div> </div> <div class="icon-name">arrow-left-optical_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_32"></div> </div> <div class="icon-name">arrow-left-optical_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-left-optical_8"></div> </div> <div class="icon-name">arrow-left-optical_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_12"></div> </div> <div class="icon-name">arrow-right_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_16"></div> </div> <div class="icon-name">arrow-right_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_18"></div> </div> <div class="icon-name">arrow-right_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_20"></div> </div> <div class="icon-name">arrow-right_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_24"></div> </div> <div class="icon-name">arrow-right_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_28"></div> </div> <div class="icon-name">arrow-right_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_32"></div> </div> <div class="icon-name">arrow-right_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_6"></div> </div> <div class="icon-name">arrow-right_6</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right_8"></div> </div> <div class="icon-name">arrow-right_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_10"></div> </div> <div class="icon-name">arrow-right-optical_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_12"></div> </div> <div class="icon-name">arrow-right-optical_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_14"></div> </div> <div class="icon-name">arrow-right-optical_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_16"></div> </div> <div class="icon-name">arrow-right-optical_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_18"></div> </div> <div class="icon-name">arrow-right-optical_18</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_20"></div> </div> <div class="icon-name">arrow-right-optical_20</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_24"></div> </div> <div class="icon-name">arrow-right-optical_24</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_28"></div> </div> <div class="icon-name">arrow-right-optical_28</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_32"></div> </div> <div class="icon-name">arrow-right-optical_32</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-right-optical_8"></div> </div> <div class="icon-name">arrow-right-optical_8</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-tail-down_10"></div> </div> <div class="icon-name">arrow-tail-down_10</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-tail-down_12"></div> </div> <div class="icon-name">arrow-tail-down_12</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-tail-down_14"></div> </div> <div class="icon-name">arrow-tail-down_14</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-tail-down_16"></div> </div> <div class="icon-name">arrow-tail-down_16</div> </div> <div class="icon-card"> <div class="icon-container"> <div class="icon icon-arrow-tail-down_20"></div> </div> <d