diff --git a/app/src/Controller/DashboardsController.php b/app/src/Controller/DashboardsController.php
index 08561e985..f027da29a 100644
--- a/app/src/Controller/DashboardsController.php
+++ b/app/src/Controller/DashboardsController.php
@@ -94,26 +94,31 @@ public function configuration() {
       ],
       __d('controller', 'EnrollmentFlows', [99]) => [
         'icon'          => 'subscriptions',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'enrollment_flows',
         'action'        => 'index'
       ],
       __d('controller', 'ExternalIdentitySources', [99]) => [
         'icon'          => 'cloud_download',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'external_identity_sources',
         'action'        => 'index'
       ],
       __d('controller', 'IdentifierAssignments', [99]) => [
         'icon'          => 'badge',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'identifier_assignments',
         'action'        => 'index'
       ],
       __d('controller', 'MessageTemplates', [99]) => [
         'icon'          => 'email',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'message_templates',
         'action'        => 'index'
       ],
       __d('controller', 'MostlyStaticPages', [99]) => [
         'icon'          => 'article',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'mostly_static_pages',
         'action'        => 'index'
       ],
@@ -124,6 +129,7 @@ public function configuration() {
       ],
       __d('controller', 'ProvisioningTargets', [99]) => [
         'icon'          => 'cloud_upload',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'provisioning_targets',
         'action'        => 'index'
       ],
@@ -180,6 +186,7 @@ public function configuration() {
     $registryMenuItems = [
       __d('controller', 'Groups', [99]) => [
         'icon'          => 'people',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'groups',
         'action'        => 'index'
       ],
@@ -190,6 +197,7 @@ public function configuration() {
       ],
       __d('controller', 'Servers', [99]) => [
         'icon'          => 'computer',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'servers',
         'action'        => 'index'
       ]
@@ -202,16 +210,19 @@ public function configuration() {
     $artifactMenuItems = [
       __d('controller', 'ExtIdentitySourceRecords', [99]) => [
         'icon'          => 'badge',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'ext_identity_source_records',
         'action'        => 'index'
       ],
       __d('controller', 'Jobs', [99]) => [
         'icon'          => 'work_history',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'jobs',
         'action'        => 'index'
       ],
       __d('controller', 'Petitions', [99]) => [
         'icon'          => 'pending_actions',
+        'iconClass'     => 'material-symbols-outlined',
         'controller'    => 'petitions',
         'action'        => 'index'
       ]
diff --git a/app/templates/Dashboards/configuration.php b/app/templates/Dashboards/configuration.php
index 94c51b1bb..1016a428e 100644
--- a/app/templates/Dashboards/configuration.php
+++ b/app/templates/Dashboards/configuration.php
@@ -43,7 +43,8 @@
       <?php foreach($vv_platform_menu_items as $label => $cfg): ?>
         <li>
           <?php 
-            $linkContent =  '<em class="material-icons" aria-hidden="true">' . $cfg['icon'] . '</em>'
+            $iconClass = !empty($cfg['iconClass']) ? $cfg['iconClass'] : 'material-symbols';
+            $linkContent =  '<em class="' . $iconClass . '" aria-hidden="true">' . $cfg['icon'] . '</em>'
               . '<span class="menu-title">' . $label . '</span>';
             print $this->Html->link(
               $linkContent,
@@ -63,7 +64,8 @@
     <?php foreach($vv_registries_menu_items as $label => $cfg): ?>
       <li>
         <?php
-          $linkContent =  '<em class="material-icons" aria-hidden="true">' . $cfg['icon'] . '</em>'
+          $iconClass = !empty($cfg['iconClass']) ? $cfg['iconClass'] : 'material-symbols';
+          $linkContent =  '<em class="' . $iconClass . '" aria-hidden="true">' . $cfg['icon'] . '</em>'
             . '<span class="menu-title">' . $label . '</span>';
           print $this->Html->link(
             $linkContent,
@@ -83,7 +85,8 @@
     <?php foreach($vv_artifacts_menu_items as $label => $cfg): ?>
       <li>
         <?php
-          $linkContent =  '<em class="material-icons" aria-hidden="true">' . $cfg['icon'] . '</em>'
+          $iconClass = !empty($cfg['iconClass']) ? $cfg['iconClass'] : 'material-symbols';
+          $linkContent =  '<em class="' . $iconClass . '" aria-hidden="true">' . $cfg['icon'] . '</em>'
             . '<span class="menu-title">' . $label . '</span>';
           print $this->Html->link(
             $linkContent,
@@ -105,8 +108,9 @@
   <ul id="configuration-menu" class="config-menu">
     <?php foreach($vv_configuration_menu_items as $label => $cfg): ?>
       <li>
-        <?php 
-          $linkContent =  '<em class="material-icons" aria-hidden="true">' . $cfg['icon'] . '</em>'
+        <?php
+          $iconClass = !empty($cfg['iconClass']) ? $cfg['iconClass'] : 'material-symbols';
+          $linkContent =  '<em class="' . $iconClass . '" aria-hidden="true">' . $cfg['icon'] . '</em>'
             . '<span class="menu-title">' . $label . '</span>';
           print $this->Html->link(
             $linkContent,
diff --git a/app/templates/ExternalIdentities/fields-nav.inc b/app/templates/ExternalIdentities/fields-nav.inc
index fc1fa431e..a8900d347 100644
--- a/app/templates/ExternalIdentities/fields-nav.inc
+++ b/app/templates/ExternalIdentities/fields-nav.inc
@@ -81,13 +81,13 @@ $addMenuLinks = [
     'controller' => 'names',
     'action' => 'add',
     'icon' => 'account_box',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'email_addresses',
     'action' => 'add',
     'icon' => 'email',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'identifiers',
@@ -98,13 +98,13 @@ $addMenuLinks = [
     'controller' => 'ad_hoc_attributes',
     'action' => 'add',
     'icon' => 'check_box',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'addresses',
     'action' => 'add',
     'icon' => 'contact_mail',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'history_records',
diff --git a/app/templates/ExternalIdentityRoles/fields-nav.inc b/app/templates/ExternalIdentityRoles/fields-nav.inc
index ca3a42217..dc0e89849 100644
--- a/app/templates/ExternalIdentityRoles/fields-nav.inc
+++ b/app/templates/ExternalIdentityRoles/fields-nav.inc
@@ -43,13 +43,13 @@ $addMenuLinks = [
     'controller' => 'ad_hoc_attributes',
     'action' => 'add',
     'icon' => 'check_box',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'addresses',
     'action' => 'add',
     'icon' => 'contact_mail',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'telephone_numbers',
diff --git a/app/templates/ExternalIdentitySources/retrieve.php b/app/templates/ExternalIdentitySources/retrieve.php
index 464aff0a6..4d731914d 100644
--- a/app/templates/ExternalIdentitySources/retrieve.php
+++ b/app/templates/ExternalIdentitySources/retrieve.php
@@ -299,7 +299,7 @@
         <div class="alert alert-info co-alert" role="alert">
           <div class="alert-body d-flex align-items-center">
                 <span class="alert-title d-flex align-items-center">
-                  <span class="material-icons-outlined alert-icon">report_problem</span>
+                  <span class="material-symbols-outlined alert-icon">report_problem</span>
                 </span>
             <span class="alert-message">        
                   <?= __d('field', 'ExternalIdentitySources.source_record.empty') ?>
diff --git a/app/templates/People/fields-nav.inc b/app/templates/People/fields-nav.inc
index e572bde0c..429fd0414 100644
--- a/app/templates/People/fields-nav.inc
+++ b/app/templates/People/fields-nav.inc
@@ -71,6 +71,7 @@ $topLinks = [
   ],
   [
     'icon' => 'notifications',
+    'iconClass' => 'material-symbols-outlined',
     'order' => 'Default',
     'label' => __d('controller', 'Notifications', [99]),
     'link' => [
@@ -85,6 +86,7 @@ $topLinks = [
   ],
   [
     'icon' => 'badge',
+    'iconClass' => 'material-symbols-outlined',
     'order' => 'Default',
     'label' => __d('operation', 'identifiers.assign'),
     'link' => [
@@ -109,13 +111,13 @@ $addMenuLinks = [
     'controller' => 'names',
     'action' => 'add',
     'icon' => 'account_box',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'email_addresses',
     'action' => 'add',
     'icon' => 'email',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'identifiers',
@@ -126,13 +128,13 @@ $addMenuLinks = [
     'controller' => 'ad_hoc_attributes',
     'action' => 'add',
     'icon' => 'check_box',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'addresses',
     'action' => 'add',
     'icon' => 'contact_mail',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'history_records',
diff --git a/app/templates/PersonRoles/fields-nav.inc b/app/templates/PersonRoles/fields-nav.inc
index 454647d2d..f720cd874 100644
--- a/app/templates/PersonRoles/fields-nav.inc
+++ b/app/templates/PersonRoles/fields-nav.inc
@@ -46,13 +46,13 @@ $addMenuLinks = [
     'controller' => 'ad_hoc_attributes',
     'action' => 'add',
     'icon' => 'check_box',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'addresses',
     'action' => 'add',
     'icon' => 'contact_mail',
-    'iconClass' => 'material-icons-outlined'
+    'iconClass' => 'material-symbols-outlined'
   ],
   [
     'controller' => 'telephone_numbers',
diff --git a/app/templates/Petitions/columns.inc b/app/templates/Petitions/columns.inc
index 57c4f432d..747ab724c 100644
--- a/app/templates/Petitions/columns.inc
+++ b/app/templates/Petitions/columns.inc
@@ -80,14 +80,14 @@ $rowActions = [
     'action'      => 'view',
     'class'       => '',
     'icon'        => 'visibility',
+    'iconClass'   => 'material-symbols-outlined',
     'label'       => __d('operation', 'view')
   ],
   [
     'controller'  => 'petitions',
     'action'      => 'resume',
     'class'       => '',
-// XXX this icon can be "resume" if we switch to Material Symbols - see: CFM-404
-    'icon'        => 'fast_forward',
+    'icon'        => 'resume',
     'label'       => __d('operation', 'resume'),
     'if'          => 'isResumable'
   ]
diff --git a/app/templates/Petitions/fields-nav.inc b/app/templates/Petitions/fields-nav.inc
index c0964d730..1609fca83 100644
--- a/app/templates/Petitions/fields-nav.inc
+++ b/app/templates/Petitions/fields-nav.inc
@@ -27,7 +27,7 @@
 
 $topLinks = [
   [
-    'icon'  => 'fast_forward',
+    'icon'  => 'resume',
     'order' => 'Default',
     'label' => __d('operation', 'resume'),
     'link'  => [
diff --git a/app/templates/Petitions/resume.php b/app/templates/Petitions/resume.php
index 0dcb6c681..a3cb65eff 100644
--- a/app/templates/Petitions/resume.php
+++ b/app/templates/Petitions/resume.php
@@ -108,8 +108,8 @@
       if(!$seenNextStep && !empty($vv_dispatch_urls[ $step->id ])) {
         print $this->Html->link(
           ($step->id == $vv_next_step_id) ? 
-            __d('operation', 'continue') . ' <span class="material-icons-outlined">arrow_forward</span>' : 
-            __d('operation', 'Petitions.rerun') . ' <span class="material-icons-outlined">restart_alt</span>',
+            __d('operation', 'continue') . ' <span class="material-symbols-outlined">arrow_forward</span>' : 
+            __d('operation', 'Petitions.rerun') . ' <span class="material-symbols-outlined">restart_alt</span>',
           $vv_dispatch_urls[ $step->id ],
           [
             'class' => 'btn btn-sm ' . (($step->id == $vv_next_step_id) ? 'btn-tertiary ef-continue-step' : 'btn-default ef-rerun-step'),
diff --git a/app/templates/Standard/add-edit-view.php b/app/templates/Standard/add-edit-view.php
index 0d6d6fbc2..179c8ec70 100644
--- a/app/templates/Standard/add-edit-view.php
+++ b/app/templates/Standard/add-edit-view.php
@@ -158,6 +158,7 @@
       $action_args['vv_actions'][] = [
         'order' => $this->Menu->getMenuOrder('Delete'),
         'icon' =>  $this->Menu->getMenuIcon('Delete'),
+        'iconClass' => 'material-symbols-outlined',
         'url' => ['action' => 'delete', $vv_obj->id],
         'label' => __d('operation', 'delete'),
         'class' => 'deletebutton',
diff --git a/app/templates/Standard/index.php b/app/templates/Standard/index.php
index d58a73616..6abbbca90 100644
--- a/app/templates/Standard/index.php
+++ b/app/templates/Standard/index.php
@@ -119,6 +119,7 @@
       $action_configuration = [
         'order' => $this->Menu->getMenuOrder('Add'),
         'icon' => $this->Menu->getMenuIcon('Add'),
+        'iconClass' => 'material-symbols-outlined',
         'url' => [
           'controller' => $modelsName,
           'action' => 'add',
@@ -545,7 +546,7 @@
                           $linkClass .= ' row-link-edit';
                         } elseif ($a == 'view') {
                           $linkClass .= ' row-link-view';
-                          $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
+                          $readOnlyIcon = ' <em class="material-symbols-outlined read-only-icon">edit_off</em>';
                         } else {
                           $linkClass .= ' row-link-' . $a;
                         }
@@ -595,7 +596,7 @@
                             $linkClass .= ' row-link-edit';
                           } elseif ($a == 'view') {
                             $linkClass .= ' row-link-view';
-                            $readOnlyIcon = ' <em class="material-icons-outlined read-only-icon">edit_off</em>';
+                            $readOnlyIcon = ' <em class="material-symbols-outlined read-only-icon">edit_off</em>';
                           }
                           $args = ['class' => $linkClass];
                           $isFirstLink = false;
diff --git a/app/templates/element/badgeList.php b/app/templates/element/badgeList.php
index 4c4b3f66b..872e477bc 100644
--- a/app/templates/element/badgeList.php
+++ b/app/templates/element/badgeList.php
@@ -27,7 +27,7 @@
  *    'color' => BadgeColorModeEnum::Blue,
  *    'outline' => false,
  *    'pill' => true,
- *    'icon' => 'material-icons-key',
+ *    'icon' => 'material-symbols-key',
  *   ),
  * );
  *
@@ -54,7 +54,7 @@
     $badge_classes[] = "rounded-pill";
   }
   if(!empty($badge['icon'])) {
-    $icon = '<i class="mr-1 material-icons" aria-hidden="true">' . $badge["icon"] .'</i>';
+    $icon = '<i class="mr-1 material-symbols" aria-hidden="true">' . $badge["icon"] .'</i>';
   }
   if(isset($badge['outline']) && $badge['outline']) {
     $badge_classes[] = "bg-outline-" . $badge['color'];
diff --git a/app/templates/element/filter/legend.php b/app/templates/element/filter/legend.php
index 06a84d9c8..8380a8eb3 100644
--- a/app/templates/element/filter/legend.php
+++ b/app/templates/element/filter/legend.php
@@ -40,7 +40,7 @@
 
 
 <legend id="top-filters-toggle">
-  <em class="material-icons top-filters-search-icon" aria-hidden="true">search</em>
+  <em class="material-symbols top-filters-search-icon" aria-hidden="true">search</em>
   <span class="top-filters-title">
         <?= __d('operation', 'filter'); ?>
       </span>
@@ -61,5 +61,5 @@
       <?php endif; ?>
       </span>
   <?php endif; ?>
-  <button class="cm-toggle nospin" aria-expanded="false" aria-controls="top-filters-fields" type="button"><em class="material-icons drop-arrow">arrow_drop_down</em></button>
+  <button class="cm-toggle nospin" aria-expanded="false" aria-controls="top-filters-fields" type="button"><em class="material-symbols drop-arrow">arrow_drop_down</em></button>
 </legend>
diff --git a/app/templates/element/filter/topButtons.php b/app/templates/element/filter/topButtons.php
index ee318888b..e5cea0050 100644
--- a/app/templates/element/filter/topButtons.php
+++ b/app/templates/element/filter/topButtons.php
@@ -74,7 +74,7 @@
         data-identifier="<?= $data_identifier ?>"
         type="button" aria-controls="<?= $aria_controls ?>"
         title="<?= __d('operation', 'clear.filters',[2]) ?>">
-  <em class="material-icons" aria-hidden="true">cancel</em>
+  <em class="material-symbols-outlined" aria-hidden="true">cancel</em>
   <span class="top-filters-active-filter-title"><?= $filter_title ?></span>
   <?php if($vv_searchable_attributes[$key]['type'] != 'boolean'): ?>
   <span class="top-filters-active-filter-value">
diff --git a/app/templates/element/form/infoDiv/autocomplete.php b/app/templates/element/form/infoDiv/autocomplete.php
index 787a54c1a..c97c8e365 100644
--- a/app/templates/element/form/infoDiv/autocomplete.php
+++ b/app/templates/element/form/infoDiv/autocomplete.php
@@ -54,6 +54,6 @@
   print $this->Form->hidden($fieldName, $vv_field_arguments['fieldOptions']) . $this->element('peopleAutocomplete', $autocompleteArgs);
 ?>
 <div class="field-desc">
-  <span class="material-icons">info</span>
+  <span class="material-symbols">info</span>
   <?= __d('operation','autocomplete.people.desc',['2']) ?>
 </div>
diff --git a/app/templates/element/menuAction.php b/app/templates/element/menuAction.php
index 5d05d5e49..9ca3e64bb 100644
--- a/app/templates/element/menuAction.php
+++ b/app/templates/element/menuAction.php
@@ -36,6 +36,7 @@
 $actionsType = !empty($vv_actions_type) ? $vv_actions_type : 'row-actions';
 $actionsTitle = !empty($vv_actions_title) ? $vv_actions_title : '';
 $actionsIcon = !empty($vv_actions_icon) ? $vv_actions_icon : 'settings';
+$actionsIconClass = !empty($vv_actions_icon_class) ? $vv_actions_icon_class : 'material-symbols';
 ?>
 
 <div id="action-menu_<?= $actionsMenuUid; ?>"
@@ -51,7 +52,7 @@ class="<?= $actionsMenuClass; ?>">
     'title' => __d('field', 'action')
   );
   print $this->Html->link(
-    '<span class="material-icons" aria-hidden="true">' . $actionsIcon . '</span> ' . $actionsTitle,
+    '<span class="' . $actionsIconClass . '" aria-hidden="true">' . $actionsIcon . '</span> ' . $actionsTitle,
     'javascript:void(0);',
     $linkparams
   );
@@ -86,11 +87,9 @@ class="<?= $actionsMenuClass; ?>">
         <?php if(empty($action['confirm'])): ?>
           <a class="<?= $actionCssClass; ?>" href="<?= $actionUrl ?>"<?= !(empty($actionDataAttrs)) ? $actionDataAttrs : '' ?>>
             <?php if(!empty($action['icon'])): ?>
-              <?php if(!empty($action['iconClass'])): ?>
-                <em class="<?= $action['iconClass']; ?>" aria-hidden="true"><?= $action['icon']; ?></em>
-              <?php else: ?>
-                <em class="material-icons" aria-hidden="true"><?= $action['icon']; ?></em>
-              <?php endif; ?>
+              <em class="<?= !empty($action['iconClass']) ? $action['iconClass'] : 'material-symbols'; ?>" aria-hidden="true">
+                <?= $action['icon']; ?>
+              </em>
             <?php endif; ?>
             <span class="action-link-text"><?= $action['label']; ?></span>
           </a>
@@ -131,11 +130,9 @@ class="<?= $actionsMenuClass; ?>">
           <a class="<?= $actionCssClass; ?>" href="#" onclick="<?= $dg_onclick; ?>"  
              data-bs-toggle="modal" data-bs-target="#dialog">
             <?php if(!empty($action['icon'])): ?>
-              <?php if(!empty($action['icon_class'])): ?>
-                <em class="<?= $action['icon_class']; ?>"><?= $action['icon']; ?></em>
-              <?php else: ?>
-                <em class="material-icons" aria-hidden="true"><?= $action['icon']; ?></em>
-              <?php endif; ?>
+              <em class="<?= !empty($action['iconClass']) ? $action['iconClass'] : 'material-symbols'; ?>" aria-hidden="true">
+                <?= $action['icon']; ?>
+              </em>
             <?php endif; ?>
             <?= $action['label']; ?>
           </a>
diff --git a/app/templates/element/menuMain.php b/app/templates/element/menuMain.php
index 9ce8fc912..418e17432 100644
--- a/app/templates/element/menuMain.php
+++ b/app/templates/element/menuMain.php
@@ -57,7 +57,8 @@
             ],
             [
               'permission' => 'configuration',
-              'icon'       => 'play_circle_outline',
+              'icon'       => 'play_circle',
+              'iconClass' => 'material-symbols-outlined',
               'label' => __d('menu', 'co.operations'),
               'panel'      => 'operations'
             ],
@@ -71,7 +72,8 @@
     
           foreach($menuItems as $m) {
             if(!isset($m['permission']) || $vv_menu_permissions[ $m['permission'] ]) {
-              $linkContent = '<em class="material-icons" aria-hidden="true">' . $m['icon'] . '</em>'
+              $iconClass = !empty($m['iconClass']) ? $m['iconClass'] : 'material-symbols';
+              $linkContent = '<em class="' . $iconClass . '" aria-hidden="true">' . $m['icon'] . '</em>'
                 . '<span class="menu-title">' . $m['label'] . '</span>';
     
               print '<li>';
@@ -118,7 +120,7 @@
       </div>
     <?php endif; ?>
     <button id="co-menu-collapse" aria-label="<?= __d('menu','menu.toggle') ?>">
-      <em class="material-icons-outlined co-menu-collapse-icon" aria-hidden="true">
+      <em class="material-symbols-outlined co-menu-collapse-icon" aria-hidden="true">
         expand_circle_down
       </em>
       <div class="co-menu-collapse-text">close</div>
diff --git a/app/templates/element/menuPanel.php b/app/templates/element/menuPanel.php
index e61ab68a2..196382417 100644
--- a/app/templates/element/menuPanel.php
+++ b/app/templates/element/menuPanel.php
@@ -43,7 +43,7 @@
           );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">person</div>
+            <div class="material-symbols-outlined" aria-hidden="true">person</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('menu','co.people.population') ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.people.population.desc') ?></div>
@@ -62,7 +62,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">pending_actions</div>
+            <div class="material-symbols-outlined" aria-hidden="true">pending_actions</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Petitions', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.people.enrollments.pending.desc') ?></div>
@@ -83,7 +83,7 @@
         <div class="menu-panel-sidepanel-content">
           <ul class="menu-panel-links menu-panel-links-inner">
             <?php /* Placeholders below. Replace with real links and text replacement:
-            <li><a href="#"><em class="material-icons" aria-hidden="true">lock</em> Authenticators</a></li> */ ?>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">lock</em> Authenticators</a></li> */ ?>
             <li>
               <?php
                 $menuUrl = $this->Url->build(
@@ -96,13 +96,13 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>" class="menu-panel-secondary-link">
-                <div class="material-icons" aria-hidden="true">subscriptions</div>
+                <div class="material-symbols-outlined" aria-hidden="true">subscriptions</div>
                 <div class="menu-panel-secondary-link-title"><?= __d('controller', 'EnrollmentFlows', [99]) ?></div>
               </a>
             </li>
             <?php /*
-            <li><a href="#"><em class="material-icons" aria-hidden="true">access_alarm</em> Expiration Policies</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">developer_board</em> Extended Attributes</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">access_alarm</em> Expiration Policies</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">developer_board</em> Extended Attributes</a></li>
             */ ?>
             <li>
               <?php
@@ -116,13 +116,13 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>" class="menu-panel-secondary-link">
-                <div class="material-icons" aria-hidden="true">badge</div>
+                <div class="material-symbols-outlined" aria-hidden="true">badge</div>
                 <div class="menu-panel-secondary-link-title"><?= __d('controller', 'IdentifierAssignments', [99]) ?></div>
               </a>
             </li>
             <?php /*
-            <li><a href="#"><em class="material-icons" aria-hidden="true">check_circle</em> Identifier Validators</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">cloud_upload</em> Provisioning Targets</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">check_circle</em> Identifier Validators</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">cloud_upload</em> Provisioning Targets</a></li>
             <li><!-- more links here, including plugins --></li>
             */ ?>
           </ul>
@@ -147,7 +147,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">groups</div>
+            <div class="material-symbols-outlined" aria-hidden="true">groups</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Cous', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.structure.cous.desc') ?></div>
@@ -166,7 +166,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">people_outline</div>
+            <div class="material-symbols-outlined" aria-hidden="true">people_outline</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Groups', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.structure.groups.desc') ?></div>
@@ -177,7 +177,7 @@
           /* XXX Enable highlighted menu items as needed:
         <li>
           <a href="#" class="menu-panel-primary-link">
-            <div class="material-icons" aria-hidden="true">business</div>
+            <div class="material-symbols" aria-hidden="true">business</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Departments', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.structure.depts.desc') ?></div>
@@ -186,7 +186,7 @@
         </li>
         <li>
           <a href="#" class="menu-panel-primary-link">
-            <div class="material-icons" aria-hidden="true">account_balance</div>
+            <div class="material-symbols" aria-hidden="true">account_balance</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Organizations', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.structure.orgs.desc') ?></div>
@@ -215,7 +215,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">cable</div>
+            <div class="material-symbols" aria-hidden="true">cable</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller','Pipelines', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.connections.pipelines.desc') ?></div>
@@ -234,7 +234,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">cloud_download</div>
+            <div class="material-symbols-outlined" aria-hidden="true">cloud_download</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller','ExternalIdentitySources', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.connections.external_identity_sources.desc') ?></div>
@@ -252,7 +252,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">cloud_upload</div>
+            <div class="material-symbols-outlined" aria-hidden="true">cloud_upload</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller','ProvisioningTargets', [2]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.connections.provisioning_targets.desc') ?></div>
@@ -276,7 +276,7 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>" class="menu-panel-secondary-link">
-                <div class="material-icons" aria-hidden="true">assignment</div>
+                <div class="material-symbols-outlined" aria-hidden="true">assignment</div>
                 <div class="menu-panel-secondary-link-title"><?= __d('controller','ExtIdentitySourceRecords', [99]) ?></div>
               </a>
             </li>
@@ -292,7 +292,7 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>" class="menu-panel-secondary-link">
-                <div class="material-icons" aria-hidden="true">computer</div>
+                <div class="material-symbols-outlined" aria-hidden="true">computer</div>
                 <div class="menu-panel-secondary-link-title"><?= __d('controller','Servers', [2]) ?></div>
               </a>
             </li>
@@ -318,7 +318,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">assignment</div>
+            <div class="material-symbols-outlined" aria-hidden="true">assignment</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Jobs', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.operations.jobs.desc') ?></div>
@@ -339,7 +339,7 @@
             );
           ?>
           <a href="<?= $menuUrl ?>" class="menu-panel-primary-link">
-            <div class="material-icons-outlined" aria-hidden="true">summarize</div>
+            <div class="material-symbols-outlined" aria-hidden="true">summarize</div>
             <div class="menu-panel-primary-link-text">
               <h3><?= __d('controller', 'Reports', [99]) ?></h3>
               <div class="menu-panel-link-desc"><?= __d('menu','co.operations.reports.desc') ?></div>
@@ -376,7 +376,7 @@
               <?php foreach($platformMenuItems as $label => $cfg): ?>
                 <li>
                   <?php
-                    $linkContent =  '<em class="material-icons" aria-hidden="true">' . $cfg['icon'] . '</em>'
+                    $linkContent =  '<em class="material-symbols" aria-hidden="true">' . $cfg['icon'] . '</em>'
                       . '<span class="menu-title">' . $label . '</span>';
                     print $this->Html->link(
                       $linkContent,
@@ -409,7 +409,7 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>">
-                <em class="material-icons-outlined" aria-hidden="true">settings</em> 
+                <em class="material-symbols" aria-hidden="true">settings</em> 
                 <span class="menu-panel-link-text"><?= __d('controller', 'CoSettings', [99]) ?></span>
               </a>
             </li>
@@ -425,17 +425,17 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>">
-                <em class="material-icons" aria-hidden="true">vpn_key</em>
+                <em class="material-symbols" aria-hidden="true">vpn_key</em>
                 <span class="menu-panel-link-text"><?= __d('controller', 'ApiUsers', [99]) ?></span>
               </a>
             </li>
             <?php /* Placeholders below. Replace with real links and text replacement:
-            <li><a href="#"><em class="material-icons" aria-hidden="true">filter_list</em> Data Filters</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">sync</em> External Identity Sources</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">input</em> Pipelines</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">extension</em> Plugins</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">apps</em> Services</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">assignment_late</em> Terms and Conditions</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">filter_list</em> Data Filters</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">sync</em> External Identity Sources</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">input</em> Pipelines</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">extension</em> Plugins</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">apps</em> Services</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">assignment_late</em> Terms and Conditions</a></li>
             */ ?>
             <li>
               <?php
@@ -449,7 +449,7 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>">
-                <em class="material-icons" aria-hidden="true">widgets</em>
+                <em class="material-symbols" aria-hidden="true">widgets</em>
                 <span class="menu-panel-link-text"><?= __d('controller', 'Types', [99]) ?></span>
               </a>
             </li>
@@ -467,11 +467,11 @@
           <p class="menu-panel-links-desc"><?= __d('menu','co.configuration.panel.personalization.desc') ?></p>
           <ul class="menu-panel-links-inner">
             <?php /* Placeholders below. Replace with real links and text replacement:
-            <li><a href="#"><em class="material-icons" aria-hidden="true">format_list_numbered</em> Attribute Enumerations</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">navigation</em> CO Navigation Links</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">dashboard</em> Dashboards</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">book</em> Dictionaries</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">translate</em> Localizations</a></li> */ ?>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">format_list_numbered</em> Attribute Enumerations</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">navigation</em> CO Navigation Links</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">dashboard</em> Dashboards</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">book</em> Dictionaries</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">translate</em> Localizations</a></li> */ ?>
             <li>
               <?php
                 $menuUrl = $this->Url->build(
@@ -484,13 +484,13 @@
                 );
               ?>
               <a href="<?= $menuUrl ?>">
-                <em class="material-icons" aria-hidden="true">email</em>
+                <em class="material-symbols-outlined" aria-hidden="true">email</em>
                 <span class="menu-panel-link-text"><?= __d('controller', 'MessageTemplates', [99]) ?></span>
               </a>
             </li>
             <?php /* More placeholders:
-            <li><a href="#"><em class="material-icons" aria-hidden="true">room_service</em> Self Service Permissions</a></li>
-            <li><a href="#"><em class="material-icons" aria-hidden="true">wallpaper</em> Themes</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">room_service</em> Self Service Permissions</a></li>
+            <li><a href="#"><em class="material-symbols" aria-hidden="true">wallpaper</em> Themes</a></li>
             * / ? >
           </ul>
         </li>
@@ -528,6 +528,6 @@
       <?php print __('registry.version', chop(file_get_contents(CONFIG . "VERSION"))); ?>
     </div>
   <?php endif; ?>
-  <button type="button" class="menu-panel-close btn"><span class="material-icons-outlined">close</span></button>
+  <button type="button" class="menu-panel-close btn"><span class="material-symbols-outlined">close</span></button>
 </div>
 
diff --git a/app/templates/element/menuTop.php b/app/templates/element/menuTop.php
index d13095af4..e7a32bbed 100644
--- a/app/templates/element/menuTop.php
+++ b/app/templates/element/menuTop.php
@@ -39,7 +39,7 @@ class="dropdown-toggle top-menu-button"
         <span class="top-menu-link-text">
           <?= $vv_user['username']; ?>
         </span>
-        <em class="material-icons icon-adjust" aria-hidden="true">person</em>
+        <em class="material-symbols icon-adjust" aria-hidden="true">person</em>
       </button>
       <?php 
         // If you're debugging $vv_available_cos being null, you probably forgot
@@ -49,7 +49,7 @@ class="dropdown-toggle top-menu-button"
       <!-- Account Dropdown -->
       <div id="user-panel"  class="dropdown-menu <?= (count($vv_available_cos) > 1) ? ' with-co-switcher' : ''; ?>" aria-labelledby="user-panel-toggle">
         <div id="logout-in-panel">
-          <?= $this->Html->link('<em class="material-icons" aria-hidden="true">logout</em> ' . __d('operation','logout'),
+          <?= $this->Html->link('<em class="material-symbols" aria-hidden="true">logout</em> ' . __d('operation','logout'),
             '/auth/logout/logout.php',
             ['escape'     => false,
              'id'         => 'logout-in-panel-link',
@@ -57,7 +57,7 @@ class="dropdown-toggle top-menu-button"
           ?>
         </div>
         <div id="user-panel-user-info">
-          <em class="material-icons" aria-hidden="true">person</em>
+          <em class="material-symbols" aria-hidden="true">person</em>
           <div id="user-panel-cn"><?= $vv_user['username']; ?></div>
           <div id="user-panel-id"><!-- XXX identifier goes here --></div>
         </div>
@@ -71,7 +71,7 @@ class="dropdown-toggle top-menu-button"
               <form>
                 <fieldset>
                   <legend>
-                    <span class="material-icons" aria-hidden="true">dark_mode</span>
+                    <span class="material-symbols" aria-hidden="true">dark_mode</span>
                     <?= __d('menu','menu.darkmode'); ?>
                   </legend>
                   <div class="menu-grouping-group">
@@ -102,7 +102,7 @@ class="dropdown-toggle top-menu-button"
               <form>
                 <fieldset>
                   <legend>
-                    <span class="material-icons" aria-hidden="true">density_small</span>
+                    <span class="material-symbols" aria-hidden="true">density_small</span>
                     <?= __d('menu','menu.density'); ?>
                   </legend>
                   <div class="menu-grouping-group">
@@ -131,7 +131,7 @@ class="dropdown-toggle top-menu-button"
         </div>
         <?php if(count($vv_available_cos) > 1): // More than one CO is available, so present the switch button ?>
           <div id="user-panel-switch-co">
-            <?= $this->Html->link('<em class="material-icons" aria-hidden="true">transfer_within_a_station</em> ' . __d('menu','co.switch'),
+            <?= $this->Html->link('<em class="material-symbols" aria-hidden="true">transfer_within_a_station</em> ' . __d('menu','co.switch'),
               '/cos/select',
               ['escape'     => false,
                'id'         => 'co-switch-link',
@@ -148,7 +148,7 @@ class="dropdown-toggle top-menu-button"
 <?php if(!isset($noLoginLogout) || !$noLoginLogout) : ?>
   <?php
     if(empty($vv_user)) {
-      print $this->Html->link('<em class="material-icons" aria-hidden="true">login</em> '. __d('operation', 'login'),
+      print $this->Html->link('<em class="material-symbols" aria-hidden="true">login</em> '. __d('operation', 'login'),
                               ['controller' => 'cos',
                                'action'     => 'select',
                                'plugin'     => false],
diff --git a/app/templates/element/mveaCanvas.php b/app/templates/element/mveaCanvas.php
index 61e30b6d0..78741cace 100644
--- a/app/templates/element/mveaCanvas.php
+++ b/app/templates/element/mveaCanvas.php
@@ -38,6 +38,7 @@
     $action_args['vv_actions_type'] = 'mvea-add-menu';
     $action_args['vv_actions_title'] = __d('operation', 'add');
     $action_args['vv_actions_icon'] = 'add_circle';
+    $action_args['vv_actions_icon_class'] = 'material-symbols-outlined';
     $action_args['vv_actions_class'] = 'mvea-add-menu';
     $actionOrderDefault = $this->Menu->getMenuOrder('Default');
     $addMenuActions = $vv_add_menu_links;
diff --git a/app/templates/element/notify/alert.php b/app/templates/element/notify/alert.php
index 8e3359087..966bbf36f 100644
--- a/app/templates/element/notify/alert.php
+++ b/app/templates/element/notify/alert.php
@@ -49,7 +49,7 @@
 <div class="alert <?= $alertClass ?> co-alert" role="alert">
   <div class="alert-body d-flex align-items-center">
     <span class="alert-title d-flex align-items-center">
-      <span class="material-icons-outlined alert-icon"><?= $this->Alert->getAlertIcon($type) ?></span>
+      <span class="material-symbols-outlined alert-icon"><?= $this->Alert->getAlertIcon($type) ?></span>
       <?php if(isset($title)): ?>
       <span class="alert-title-text"><?= $title ?></span>
       <?php endif; ?>
diff --git a/app/templates/element/searchGlobal.php b/app/templates/element/searchGlobal.php
index 7eef6e56d..4ff0ed1f4 100644
--- a/app/templates/element/searchGlobal.php
+++ b/app/templates/element/searchGlobal.php
@@ -38,7 +38,7 @@
 ?>
 
 <button id="global-search-toggle" class="dropdown-toggle top-menu-button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-  <em class="material-icons" aria-hidden="true">search</em>
+  <em class="material-symbols" aria-hidden="true">search</em>
   <span class="visually-hidden"><?= __d('operation','search') ?></span>
 </button>
 
@@ -64,7 +64,7 @@
       ]
     );
     print $this->Form->button(
-      '<span class="material-icons" aria-hidden="true">close</span>',
+      '<span class="material-symbols" aria-hidden="true">close</span>',
       [
         'type' => 'button', 
         'escapeTitle' => false, 
@@ -74,7 +74,7 @@
       ]
     );
     print $this->Form->button(
-      '<em class="material-icons" aria-hidden="true">search</em>',
+      '<em class="material-symbols" aria-hidden="true">search</em>',
       [
         'type' => 'submit', 
         'escapeTitle' => false, 
diff --git a/app/templates/layout/default.php b/app/templates/layout/default.php
index 7cf4e2471..6aed74bbb 100644
--- a/app/templates/layout/default.php
+++ b/app/templates/layout/default.php
@@ -171,7 +171,7 @@
         <div id="top-bar">
           <?php if(!empty($vv_user) && !empty($vv_cur_co) && !$isCoSelectView): ?>
             <div id="top-controls">
-              <div id="co-hamburger"><em class="material-icons">menu</em></div>
+              <div id="co-hamburger"><em class="material-symbols">menu</em></div>
               <?= $this->element('searchGlobal') ?>
             </div>
           <?php endif; // vv_user ?>
diff --git a/app/webroot/css/co-base.css b/app/webroot/css/co-base.css
index a0ae64e98..850fbea1a 100644
--- a/app/webroot/css/co-base.css
+++ b/app/webroot/css/co-base.css
@@ -26,7 +26,8 @@
 
 /* HTML, BODY, HEADINGS, ANCHORS, FONTS */
 @import url("fonts/opensans/stylesheet.css");
-@import url("fonts/material-icons/material-icons.css");
+@import url("fonts.material-symbols.material-symbols.css");
+@import url("fonts/material-symbols/stylesheet.css");
 
 html * {
   font-family: var(--cmg-font-regular);
@@ -153,7 +154,7 @@ body.logged-out #top-bar,
 body.cos.select #top-bar {
   justify-content: end;
 }
-#top-bar .material-icons {
+#top-bar .material-symbols {
   vertical-align: bottom;
 }
 #top-bar .top-menu-button {
@@ -246,26 +247,26 @@ body.cos.select #top-bar {
 #top-menu .dropdown-item:hover {
   background-color: var(--cmg-color-bg-003);
 }
-#top-menu .dropdown-item .material-icons,
-#top-menu .dropdown-item .material-icons-outlined {
+#top-menu .dropdown-item .material-symbols,
+#top-menu .dropdown-item .material-symbols-outlined {
   margin-right: 0.25em;
   vertical-align: middle;
 }
-#top-menu .menu-grouping legend .material-icons,
-#top-menu .menu-grouping legend .material-icons-outlined {
+#top-menu .menu-grouping legend .material-symbols,
+#top-menu .menu-grouping legend .material-symbols-outlined {
   font-size: 1.1rem;
   margin-right: 0.5rem;
 }
-.material-icons.danger,
-.material-icons-outlined.danger {
+.material-symbols.danger,
+.material-symbols-outlined.danger {
   color: var(--cmg-color-btn-004);
 }
-.material-icons.success,
-.material-icons-outlined.success {
+.material-symbols.success,
+.material-symbols-outlined.success {
   color: var(--cmg-color-highlight-007);
 }
-.material-icons.warning,
-.material-icons-outlined.warning {
+.material-symbols.warning,
+.material-symbols-outlined.warning {
   color: var(--cmg-color-highlight-018);
 }
 .menu-grouping {
@@ -320,7 +321,7 @@ body.cos.select #top-bar {
   border-top: 1px solid var(--cmg-color-bg-006);
   padding: 1em;
 }
-#user-panel-user-info .material-icons {
+#user-panel-user-info .material-symbols {
   float: left;
   font-size: 5em;
 }
@@ -334,7 +335,7 @@ body.cos.select #top-bar {
 #user-panel #co-profile-link:hover {
   background-color: var(--cmg-color-bg-005);
 }
-#user-panel #co-profile-link .material-icons {
+#user-panel #co-profile-link .material-symbols {
   vertical-align: middle;
   margin-right: 0.25em;
   font-size: 16px;
@@ -403,9 +404,9 @@ body.cos.select #top-bar {
   margin: 0;
   width: 100%;
 }
-#login .material-icons,
-#logout-in-panel .material-icons {
-  font-size: 1rem;
+#login .material-symbols,
+#logout-in-panel .material-symbols {
+  font-size: 1.2rem;
   vertical-align: top;
   margin-top: 0.25rem;
 }
@@ -516,11 +517,12 @@ ul.form-list li.alert-banner .co-alert {
 #main-menu a.selected {
   background-color: var(--cmg-color-bg-007);
 }
-#main-menu .material-icons {
+#main-menu .material-symbols,
+#main-menu .material-symbols-outlined {
   margin-right: 6px;
   vertical-align: bottom;
 }
-#main-menu .material-icons.dropdown-chevron {
+#main-menu .material-symbols.dropdown-chevron {
   opacity: 0.3;
 }
 #co-menu-collapse {
@@ -528,6 +530,7 @@ ul.form-list li.alert-banner .co-alert {
 }
 #all-button-container {
   text-align: center;
+  padding-bottom: 3em;
 }
 #all-button {
   padding: 0.25rem 1rem;
@@ -603,8 +606,8 @@ ul.form-list li.alert-banner .co-alert {
   align-items: center;
   line-height: 1.4em;
 }
-#main-menu .menu-panel-links .material-icons, 
-#main-menu .menu-panel-links .material-icons-outlined {
+#main-menu .menu-panel-links .material-symbols, 
+#main-menu .menu-panel-links .material-symbols-outlined {
   font-size: 2.5rem;
   margin-right: 0.75rem;
   display: inline;
@@ -613,8 +616,8 @@ ul.form-list li.alert-banner .co-alert {
 #main-menu .menu-panel-links li {
   margin-bottom: 1em;
 }
-#main-menu .menu-panel-links-inner .material-icons,
-#main-menu .menu-panel-links-inner .material-icons-outlined {
+#main-menu .menu-panel-links-inner .material-symbols,
+#main-menu .menu-panel-links-inner .material-symbols-outlined {
   font-size: 1.2em;
 }
 #main-menu .menu-panel-links .menu-panel-links-inner li {
@@ -829,14 +832,14 @@ ul.form-list li.alert-banner .co-alert {
   border: none;
   background-color: transparent;
 }
-#content .top-filters legend .material-icons {
+#content .top-filters legend .material-symbols {
   color: var(--cmg-color-headings);
 }
-#content .top-filters legend .material-icons.top-filters-search-icon {
+#content .top-filters legend .material-symbols.top-filters-search-icon {
   font-size: 1.4rem;
   padding: 0 0.2rem 0 0.1rem;
 }
-#content .top-filters legend button.cm-toggle .material-icons {
+#content .top-filters legend button.cm-toggle .material-symbols {
   font-size: 34px;
   line-height: 17px;
 }
@@ -1017,7 +1020,8 @@ ul.form-list li.alert-banner .co-alert {
   text-indent: -0.9em;
   padding-left: 2em;
 }
-.config-menu a .material-icons {
+.config-menu a .material-symbols,
+.config-menu a .material-symbols-outlined {
   color: var(--cmg-color-body-txt);
   margin-right: 0.5em;
 }
@@ -1041,7 +1045,7 @@ h2.config-subtitle {
   background-color: unset;
   text-decoration: underline;
 }
-#main-menu .menu-panel .config-platform-notice .material-icons-outlined {
+#main-menu .menu-panel .config-platform-notice .material-symbols-outlined {
   font-size: 24px;
 }
 /* INDEX ACTION COMMAND MENUS */
@@ -1523,8 +1527,8 @@ ul.form-list li.info-title {
   display: inline;
   margin: 0;
 }
-#content .material-icons,
-#content .material-icons-outlined {
+#content .material-symbols,
+#content .material-symbols-outlined {
   font-size: 17px;
   margin-top: 1px;
   vertical-align: top;
@@ -1568,8 +1572,10 @@ table.duet-date__table th.duet-date__table-header {
   margin: 0;
   padding: 0;
 }
-#content .cm-time-picker .material-icons {
+#content .cm-time-picker .material-symbols,
+#content .cm-time-picker .material-symbols-outlined {
   font-size: 1.5em;
+  font-weight: 300;
   margin: 0;
 }
 .duet-date__input {
@@ -2052,7 +2058,7 @@ button.cm-copy-value-button:focus {
   border: 1px solid var(--cmg-color-btn-bg-001);
   color: var(--cmg-color-txt-inverse) !important;
 }
-.cm-copy-value-button .material-icons-outlined {
+.cm-copy-value-button .material-symbols-outlined {
   font-size: 1em !important;
 }
 /* INDEX VIEWS and TABLES */
diff --git a/app/webroot/css/co-responsive.css b/app/webroot/css/co-responsive.css
index c8a0c16d7..a3c284f2b 100644
--- a/app/webroot/css/co-responsive.css
+++ b/app/webroot/css/co-responsive.css
@@ -252,8 +252,8 @@
   #main-menu > li {
     border-bottom: none;
   }
-  #main-menu .material-icons,
-  #main-menu .material-icons-outlined {
+  #main-menu .material-symbols,
+  #main-menu .material-symbols-outlined {
     display: block;
     font-size: 2.5rem;
     margin: 0;
@@ -275,12 +275,16 @@
   #navigation-drawer.closed .co-menu-collapse-text {
     display: none;
   }
-  #navigation-drawer.closed #main-menu .material-icons {
+  #navigation-drawer.closed #main-menu .material-symbols,
+  #navigation-drawer.closed #main-menu .material-symbols-outlined {
     font-size: 1.8rem;
   }
   #navigation-drawer.closed .co-menu-collapse-icon {
     transform: rotate(-90deg);
   }
+  #all-button-container {
+    padding-bottom: 0;
+  }
   #navigation-drawer.closed #all-button {
     padding: 0.25rem 0.4rem;
     font-size: 0.8em;
diff --git a/app/webroot/css/fonts/material-icons/_mixins.scss b/app/webroot/css/fonts/material-icons/_mixins.scss
deleted file mode 100644
index ee33f89f0..000000000
--- a/app/webroot/css/fonts/material-icons/_mixins.scss
+++ /dev/null
@@ -1,55 +0,0 @@
-// @see https://github.com/twbs/bootstrap/blob/main/scss/_functions.scss
-@function material-icons-str-replace($string, $search, $replace: '') {
-  $index: str-index($string, $search);
-  @if $index {
-    @return str-slice($string, 1, $index - 1) + $replace +
-      material-icons-str-replace(
-        str-slice($string, $index + str-length($search)),
-        $search,
-        $replace
-      );
-  }
-  @return $string;
-}
-
-@mixin material-icons-font-class($font-family) {
-  font-family: $font-family;
-  font-weight: normal;
-  font-style: normal;
-  font-size: $material-icons-font-size;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased; // Support for all WebKit browsers
-  -moz-osx-font-smoothing: grayscale; // Support for Firefox
-  text-rendering: optimizeLegibility; // Support for Safari and Chrome
-  font-feature-settings: 'liga'; // Support for IE
-}
-
-@mixin material-icons-font($font-family) {
-  $class-name: to-lower-case($font-family);
-  $class-name: material-icons-str-replace($class-name, ' ', '-');
-  $font-file: $material-icons-font-path + $class-name;
-
-  @font-face {
-    font-family: $font-family;
-    font-style: normal;
-    font-weight: 400;
-    font-display: $material-icons-font-display;
-    src: url('#{$font-file}.woff2') format('woff2'),
-      url('#{$font-file}.woff') format('woff');
-  }
-
-  .#{$class-name} {
-    @include material-icons-font-class($font-family);
-  }
-}
-
-@mixin material-icons() {
-  @warn "material-icons() Sass mixin has been deprecated as of 1.0. Use '@extend .material-icons;' instead of '@include material-icons();'.";
-  @include material-icons-font-class('Material Icons');
-}
diff --git a/app/webroot/css/fonts/material-icons/_variables.scss b/app/webroot/css/fonts/material-icons/_variables.scss
deleted file mode 100644
index 40bc19f1a..000000000
--- a/app/webroot/css/fonts/material-icons/_variables.scss
+++ /dev/null
@@ -1,3 +0,0 @@
-$material-icons-font-path: './' !default;
-$material-icons-font-size: 24px !default;
-$material-icons-font-display: block !default;
diff --git a/app/webroot/css/fonts/material-icons/codepoints b/app/webroot/css/fonts/material-icons/codepoints
deleted file mode 100644
index 3c8b07507..000000000
--- a/app/webroot/css/fonts/material-icons/codepoints
+++ /dev/null
@@ -1,932 +0,0 @@
-3d_rotation e84d
-ac_unit eb3b
-access_alarm e190
-access_alarms e191
-access_time e192
-accessibility e84e
-accessible e914
-account_balance e84f
-account_balance_wallet e850
-account_box e851
-account_circle e853
-adb e60e
-add e145
-add_a_photo e439
-add_alarm e193
-add_alert e003
-add_box e146
-add_circle e147
-add_circle_outline e148
-add_location e567
-add_shopping_cart e854
-add_to_photos e39d
-add_to_queue e05c
-adjust e39e
-airline_seat_flat e630
-airline_seat_flat_angled e631
-airline_seat_individual_suite e632
-airline_seat_legroom_extra e633
-airline_seat_legroom_normal e634
-airline_seat_legroom_reduced e635
-airline_seat_recline_extra e636
-airline_seat_recline_normal e637
-airplanemode_active e195
-airplanemode_inactive e194
-airplay e055
-airport_shuttle eb3c
-alarm e855
-alarm_add e856
-alarm_off e857
-alarm_on e858
-album e019
-all_inclusive eb3d
-all_out e90b
-android e859
-announcement e85a
-apps e5c3
-archive e149
-arrow_back e5c4
-arrow_downward e5db
-arrow_drop_down e5c5
-arrow_drop_down_circle e5c6
-arrow_drop_up e5c7
-arrow_forward e5c8
-arrow_upward e5d8
-art_track e060
-aspect_ratio e85b
-assessment e85c
-assignment e85d
-assignment_ind e85e
-assignment_late e85f
-assignment_return e860
-assignment_returned e861
-assignment_turned_in e862
-assistant e39f
-assistant_photo e3a0
-attach_file e226
-attach_money e227
-attachment e2bc
-audiotrack e3a1
-autorenew e863
-av_timer e01b
-backspace e14a
-backup e864
-battery_alert e19c
-battery_charging_full e1a3
-battery_full e1a4
-battery_std e1a5
-battery_unknown e1a6
-beach_access eb3e
-beenhere e52d
-block e14b
-bluetooth e1a7
-bluetooth_audio e60f
-bluetooth_connected e1a8
-bluetooth_disabled e1a9
-bluetooth_searching e1aa
-blur_circular e3a2
-blur_linear e3a3
-blur_off e3a4
-blur_on e3a5
-book e865
-bookmark e866
-bookmark_border e867
-border_all e228
-border_bottom e229
-border_clear e22a
-border_color e22b
-border_horizontal e22c
-border_inner e22d
-border_left e22e
-border_outer e22f
-border_right e230
-border_style e231
-border_top e232
-border_vertical e233
-branding_watermark e06b
-brightness_1 e3a6
-brightness_2 e3a7
-brightness_3 e3a8
-brightness_4 e3a9
-brightness_5 e3aa
-brightness_6 e3ab
-brightness_7 e3ac
-brightness_auto e1ab
-brightness_high e1ac
-brightness_low e1ad
-brightness_medium e1ae
-broken_image e3ad
-brush e3ae
-bubble_chart e6dd
-bug_report e868
-build e869
-burst_mode e43c
-business e0af
-business_center eb3f
-cached e86a
-cake e7e9
-call e0b0
-call_end e0b1
-call_made e0b2
-call_merge e0b3
-call_missed e0b4
-call_missed_outgoing e0e4
-call_received e0b5
-call_split e0b6
-call_to_action e06c
-camera e3af
-camera_alt e3b0
-camera_enhance e8fc
-camera_front e3b1
-camera_rear e3b2
-camera_roll e3b3
-cancel e5c9
-card_giftcard e8f6
-card_membership e8f7
-card_travel e8f8
-casino eb40
-cast e307
-cast_connected e308
-center_focus_strong e3b4
-center_focus_weak e3b5
-change_history e86b
-chat e0b7
-chat_bubble e0ca
-chat_bubble_outline e0cb
-check e5ca
-check_box e834
-check_box_outline_blank e835
-check_circle e86c
-chevron_left e5cb
-chevron_right e5cc
-child_care eb41
-child_friendly eb42
-chrome_reader_mode e86d
-class e86e
-clear e14c
-clear_all e0b8
-close e5cd
-closed_caption e01c
-cloud e2bd
-cloud_circle e2be
-cloud_done e2bf
-cloud_download e2c0
-cloud_off e2c1
-cloud_queue e2c2
-cloud_upload e2c3
-code e86f
-collections e3b6
-collections_bookmark e431
-color_lens e3b7
-colorize e3b8
-comment e0b9
-compare e3b9
-compare_arrows e915
-computer e30a
-confirmation_number e638
-contact_mail e0d0
-contact_phone e0cf
-contacts e0ba
-content_copy e14d
-content_cut e14e
-content_paste e14f
-control_point e3ba
-control_point_duplicate e3bb
-copyright e90c
-create e150
-create_new_folder e2cc
-credit_card e870
-crop e3be
-crop_16_9 e3bc
-crop_3_2 e3bd
-crop_5_4 e3bf
-crop_7_5 e3c0
-crop_din e3c1
-crop_free e3c2
-crop_landscape e3c3
-crop_original e3c4
-crop_portrait e3c5
-crop_rotate e437
-crop_square e3c6
-dashboard e871
-data_usage e1af
-date_range e916
-dehaze e3c7
-delete e872
-delete_forever e92b
-delete_sweep e16c
-description e873
-desktop_mac e30b
-desktop_windows e30c
-details e3c8
-developer_board e30d
-developer_mode e1b0
-device_hub e335
-devices e1b1
-devices_other e337
-dialer_sip e0bb
-dialpad e0bc
-directions e52e
-directions_bike e52f
-directions_boat e532
-directions_bus e530
-directions_car e531
-directions_railway e534
-directions_run e566
-directions_subway e533
-directions_transit e535
-directions_walk e536
-disc_full e610
-dns e875
-do_not_disturb e612
-do_not_disturb_alt e611
-do_not_disturb_off e643
-do_not_disturb_on e644
-dock e30e
-domain e7ee
-done e876
-done_all e877
-donut_large e917
-donut_small e918
-drafts e151
-drag_handle e25d
-drive_eta e613
-dvr e1b2
-edit e3c9
-edit_location e568
-eject e8fb
-email e0be
-enhanced_encryption e63f
-equalizer e01d
-error e000
-error_outline e001
-euro_symbol e926
-ev_station e56d
-event e878
-event_available e614
-event_busy e615
-event_note e616
-event_seat e903
-exit_to_app e879
-expand_less e5ce
-expand_more e5cf
-explicit e01e
-explore e87a
-exposure e3ca
-exposure_neg_1 e3cb
-exposure_neg_2 e3cc
-exposure_plus_1 e3cd
-exposure_plus_2 e3ce
-exposure_zero e3cf
-extension e87b
-face e87c
-fast_forward e01f
-fast_rewind e020
-favorite e87d
-favorite_border e87e
-featured_play_list e06d
-featured_video e06e
-feedback e87f
-fiber_dvr e05d
-fiber_manual_record e061
-fiber_new e05e
-fiber_pin e06a
-fiber_smart_record e062
-file_download e2c4
-file_upload e2c6
-filter e3d3
-filter_1 e3d0
-filter_2 e3d1
-filter_3 e3d2
-filter_4 e3d4
-filter_5 e3d5
-filter_6 e3d6
-filter_7 e3d7
-filter_8 e3d8
-filter_9 e3d9
-filter_9_plus e3da
-filter_b_and_w e3db
-filter_center_focus e3dc
-filter_drama e3dd
-filter_frames e3de
-filter_hdr e3df
-filter_list e152
-filter_none e3e0
-filter_tilt_shift e3e2
-filter_vintage e3e3
-find_in_page e880
-find_replace e881
-fingerprint e90d
-first_page e5dc
-fitness_center eb43
-flag e153
-flare e3e4
-flash_auto e3e5
-flash_off e3e6
-flash_on e3e7
-flight e539
-flight_land e904
-flight_takeoff e905
-flip e3e8
-flip_to_back e882
-flip_to_front e883
-folder e2c7
-folder_open e2c8
-folder_shared e2c9
-folder_special e617
-font_download e167
-format_align_center e234
-format_align_justify e235
-format_align_left e236
-format_align_right e237
-format_bold e238
-format_clear e239
-format_color_fill e23a
-format_color_reset e23b
-format_color_text e23c
-format_indent_decrease e23d
-format_indent_increase e23e
-format_italic e23f
-format_line_spacing e240
-format_list_bulleted e241
-format_list_numbered e242
-format_paint e243
-format_quote e244
-format_shapes e25e
-format_size e245
-format_strikethrough e246
-format_textdirection_l_to_r e247
-format_textdirection_r_to_l e248
-format_underlined e249
-forum e0bf
-forward e154
-forward_10 e056
-forward_30 e057
-forward_5 e058
-free_breakfast eb44
-fullscreen e5d0
-fullscreen_exit e5d1
-functions e24a
-g_translate e927
-gamepad e30f
-games e021
-gavel e90e
-gesture e155
-get_app e884
-gif e908
-golf_course eb45
-gps_fixed e1b3
-gps_not_fixed e1b4
-gps_off e1b5
-grade e885
-gradient e3e9
-grain e3ea
-graphic_eq e1b8
-grid_off e3eb
-grid_on e3ec
-group e7ef
-group_add e7f0
-group_work e886
-hd e052
-hdr_off e3ed
-hdr_on e3ee
-hdr_strong e3f1
-hdr_weak e3f2
-headset e310
-headset_mic e311
-healing e3f3
-hearing e023
-help e887
-help_outline e8fd
-high_quality e024
-highlight e25f
-highlight_off e888
-history e889
-home e88a
-hot_tub eb46
-hotel e53a
-hourglass_empty e88b
-hourglass_full e88c
-http e902
-https e88d
-image e3f4
-image_aspect_ratio e3f5
-import_contacts e0e0
-import_export e0c3
-important_devices e912
-inbox e156
-indeterminate_check_box e909
-info e88e
-info_outline e88f
-input e890
-insert_chart e24b
-insert_comment e24c
-insert_drive_file e24d
-insert_emoticon e24e
-insert_invitation e24f
-insert_link e250
-insert_photo e251
-invert_colors e891
-invert_colors_off e0c4
-iso e3f6
-keyboard e312
-keyboard_arrow_down e313
-keyboard_arrow_left e314
-keyboard_arrow_right e315
-keyboard_arrow_up e316
-keyboard_backspace e317
-keyboard_capslock e318
-keyboard_hide e31a
-keyboard_return e31b
-keyboard_tab e31c
-keyboard_voice e31d
-kitchen eb47
-label e892
-label_outline e893
-landscape e3f7
-language e894
-laptop e31e
-laptop_chromebook e31f
-laptop_mac e320
-laptop_windows e321
-last_page e5dd
-launch e895
-layers e53b
-layers_clear e53c
-leak_add e3f8
-leak_remove e3f9
-lens e3fa
-library_add e02e
-library_books e02f
-library_music e030
-lightbulb_outline e90f
-line_style e919
-line_weight e91a
-linear_scale e260
-link e157
-linked_camera e438
-list e896
-live_help e0c6
-live_tv e639
-local_activity e53f
-local_airport e53d
-local_atm e53e
-local_bar e540
-local_cafe e541
-local_car_wash e542
-local_convenience_store e543
-local_dining e556
-local_drink e544
-local_florist e545
-local_gas_station e546
-local_grocery_store e547
-local_hospital e548
-local_hotel e549
-local_laundry_service e54a
-local_library e54b
-local_mall e54c
-local_movies e54d
-local_offer e54e
-local_parking e54f
-local_pharmacy e550
-local_phone e551
-local_pizza e552
-local_play e553
-local_post_office e554
-local_printshop e555
-local_see e557
-local_shipping e558
-local_taxi e559
-location_city e7f1
-location_disabled e1b6
-location_off e0c7
-location_on e0c8
-location_searching e1b7
-lock e897
-lock_open e898
-lock_outline e899
-looks e3fc
-looks_3 e3fb
-looks_4 e3fd
-looks_5 e3fe
-looks_6 e3ff
-looks_one e400
-looks_two e401
-loop e028
-loupe e402
-low_priority e16d
-loyalty e89a
-mail e158
-mail_outline e0e1
-map e55b
-markunread e159
-markunread_mailbox e89b
-memory e322
-menu e5d2
-merge_type e252
-message e0c9
-mic e029
-mic_none e02a
-mic_off e02b
-mms e618
-mode_comment e253
-mode_edit e254
-monetization_on e263
-money_off e25c
-monochrome_photos e403
-mood e7f2
-mood_bad e7f3
-more e619
-more_horiz e5d3
-more_vert e5d4
-motorcycle e91b
-mouse e323
-move_to_inbox e168
-movie e02c
-movie_creation e404
-movie_filter e43a
-multiline_chart e6df
-music_note e405
-music_video e063
-my_location e55c
-nature e406
-nature_people e407
-navigate_before e408
-navigate_next e409
-navigation e55d
-near_me e569
-network_cell e1b9
-network_check e640
-network_locked e61a
-network_wifi e1ba
-new_releases e031
-next_week e16a
-nfc e1bb
-no_encryption e641
-no_sim e0cc
-not_interested e033
-note e06f
-note_add e89c
-notifications e7f4
-notifications_active e7f7
-notifications_none e7f5
-notifications_off e7f6
-notifications_paused e7f8
-offline_pin e90a
-ondemand_video e63a
-opacity e91c
-open_in_browser e89d
-open_in_new e89e
-open_with e89f
-pages e7f9
-pageview e8a0
-palette e40a
-pan_tool e925
-panorama e40b
-panorama_fish_eye e40c
-panorama_horizontal e40d
-panorama_vertical e40e
-panorama_wide_angle e40f
-party_mode e7fa
-pause e034
-pause_circle_filled e035
-pause_circle_outline e036
-payment e8a1
-people e7fb
-people_outline e7fc
-perm_camera_mic e8a2
-perm_contact_calendar e8a3
-perm_data_setting e8a4
-perm_device_information e8a5
-perm_identity e8a6
-perm_media e8a7
-perm_phone_msg e8a8
-perm_scan_wifi e8a9
-person e7fd
-person_add e7fe
-person_outline e7ff
-person_pin e55a
-person_pin_circle e56a
-personal_video e63b
-pets e91d
-phone e0cd
-phone_android e324
-phone_bluetooth_speaker e61b
-phone_forwarded e61c
-phone_in_talk e61d
-phone_iphone e325
-phone_locked e61e
-phone_missed e61f
-phone_paused e620
-phonelink e326
-phonelink_erase e0db
-phonelink_lock e0dc
-phonelink_off e327
-phonelink_ring e0dd
-phonelink_setup e0de
-photo e410
-photo_album e411
-photo_camera e412
-photo_filter e43b
-photo_library e413
-photo_size_select_actual e432
-photo_size_select_large e433
-photo_size_select_small e434
-picture_as_pdf e415
-picture_in_picture e8aa
-picture_in_picture_alt e911
-pie_chart e6c4
-pie_chart_outlined e6c5
-pin_drop e55e
-place e55f
-play_arrow e037
-play_circle_filled e038
-play_circle_outline e039
-play_for_work e906
-playlist_add e03b
-playlist_add_check e065
-playlist_play e05f
-plus_one e800
-poll e801
-polymer e8ab
-pool eb48
-portable_wifi_off e0ce
-portrait e416
-power e63c
-power_input e336
-power_settings_new e8ac
-pregnant_woman e91e
-present_to_all e0df
-print e8ad
-priority_high e645
-public e80b
-publish e255
-query_builder e8ae
-question_answer e8af
-queue e03c
-queue_music e03d
-queue_play_next e066
-radio e03e
-radio_button_checked e837
-radio_button_unchecked e836
-rate_review e560
-receipt e8b0
-recent_actors e03f
-record_voice_over e91f
-redeem e8b1
-redo e15a
-refresh e5d5
-remove e15b
-remove_circle e15c
-remove_circle_outline e15d
-remove_from_queue e067
-remove_red_eye e417
-remove_shopping_cart e928
-reorder e8fe
-repeat e040
-repeat_one e041
-replay e042
-replay_10 e059
-replay_30 e05a
-replay_5 e05b
-reply e15e
-reply_all e15f
-report e160
-report_problem e8b2
-restaurant e56c
-restaurant_menu e561
-restore e8b3
-restore_page e929
-ring_volume e0d1
-room e8b4
-room_service eb49
-rotate_90_degrees_ccw e418
-rotate_left e419
-rotate_right e41a
-rounded_corner e920
-router e328
-rowing e921
-rss_feed e0e5
-rv_hookup e642
-satellite e562
-save e161
-scanner e329
-schedule e8b5
-school e80c
-screen_lock_landscape e1be
-screen_lock_portrait e1bf
-screen_lock_rotation e1c0
-screen_rotation e1c1
-screen_share e0e2
-sd_card e623
-sd_storage e1c2
-search e8b6
-security e32a
-select_all e162
-send e163
-sentiment_dissatisfied e811
-sentiment_neutral e812
-sentiment_satisfied e813
-sentiment_very_dissatisfied e814
-sentiment_very_satisfied e815
-settings e8b8
-settings_applications e8b9
-settings_backup_restore e8ba
-settings_bluetooth e8bb
-settings_brightness e8bd
-settings_cell e8bc
-settings_ethernet e8be
-settings_input_antenna e8bf
-settings_input_component e8c0
-settings_input_composite e8c1
-settings_input_hdmi e8c2
-settings_input_svideo e8c3
-settings_overscan e8c4
-settings_phone e8c5
-settings_power e8c6
-settings_remote e8c7
-settings_system_daydream e1c3
-settings_voice e8c8
-share e80d
-shop e8c9
-shop_two e8ca
-shopping_basket e8cb
-shopping_cart e8cc
-short_text e261
-show_chart e6e1
-shuffle e043
-signal_cellular_4_bar e1c8
-signal_cellular_connected_no_internet_4_bar e1cd
-signal_cellular_no_sim e1ce
-signal_cellular_null e1cf
-signal_cellular_off e1d0
-signal_wifi_4_bar e1d8
-signal_wifi_4_bar_lock e1d9
-signal_wifi_off e1da
-sim_card e32b
-sim_card_alert e624
-skip_next e044
-skip_previous e045
-slideshow e41b
-slow_motion_video e068
-smartphone e32c
-smoke_free eb4a
-smoking_rooms eb4b
-sms e625
-sms_failed e626
-snooze e046
-sort e164
-sort_by_alpha e053
-spa eb4c
-space_bar e256
-speaker e32d
-speaker_group e32e
-speaker_notes e8cd
-speaker_notes_off e92a
-speaker_phone e0d2
-spellcheck e8ce
-star e838
-star_border e83a
-star_half e839
-stars e8d0
-stay_current_landscape e0d3
-stay_current_portrait e0d4
-stay_primary_landscape e0d5
-stay_primary_portrait e0d6
-stop e047
-stop_screen_share e0e3
-storage e1db
-store e8d1
-store_mall_directory e563
-straighten e41c
-streetview e56e
-strikethrough_s e257
-style e41d
-subdirectory_arrow_left e5d9
-subdirectory_arrow_right e5da
-subject e8d2
-subscriptions e064
-subtitles e048
-subway e56f
-supervisor_account e8d3
-surround_sound e049
-swap_calls e0d7
-swap_horiz e8d4
-swap_vert e8d5
-swap_vertical_circle e8d6
-switch_camera e41e
-switch_video e41f
-sync e627
-sync_disabled e628
-sync_problem e629
-system_update e62a
-system_update_alt e8d7
-tab e8d8
-tab_unselected e8d9
-tablet e32f
-tablet_android e330
-tablet_mac e331
-tag_faces e420
-tap_and_play e62b
-terrain e564
-text_fields e262
-text_format e165
-textsms e0d8
-texture e421
-theaters e8da
-thumb_down e8db
-thumb_up e8dc
-thumbs_up_down e8dd
-time_to_leave e62c
-timelapse e422
-timeline e922
-timer e425
-timer_10 e423
-timer_3 e424
-timer_off e426
-title e264
-toc e8de
-today e8df
-toll e8e0
-tonality e427
-touch_app e913
-toys e332
-track_changes e8e1
-traffic e565
-train e570
-tram e571
-transfer_within_a_station e572
-transform e428
-translate e8e2
-trending_down e8e3
-trending_flat e8e4
-trending_up e8e5
-tune e429
-turned_in e8e6
-turned_in_not e8e7
-tv e333
-unarchive e169
-undo e166
-unfold_less e5d6
-unfold_more e5d7
-update e923
-usb e1e0
-verified_user e8e8
-vertical_align_bottom e258
-vertical_align_center e259
-vertical_align_top e25a
-vibration e62d
-video_call e070
-video_label e071
-video_library e04a
-videocam e04b
-videocam_off e04c
-videogame_asset e338
-view_agenda e8e9
-view_array e8ea
-view_carousel e8eb
-view_column e8ec
-view_comfy e42a
-view_compact e42b
-view_day e8ed
-view_headline e8ee
-view_list e8ef
-view_module e8f0
-view_quilt e8f1
-view_stream e8f2
-view_week e8f3
-vignette e435
-visibility e8f4
-visibility_off e8f5
-voice_chat e62e
-voicemail e0d9
-volume_down e04d
-volume_mute e04e
-volume_off e04f
-volume_up e050
-vpn_key e0da
-vpn_lock e62f
-wallpaper e1bc
-warning e002
-watch e334
-watch_later e924
-wb_auto e42c
-wb_cloudy e42d
-wb_incandescent e42e
-wb_iridescent e436
-wb_sunny e430
-wc e63d
-web e051
-web_asset e069
-weekend e16b
-whatshot e80e
-widgets e1bd
-wifi e63e
-wifi_lock e1e1
-wifi_tethering e1e2
-work e8f9
-wrap_text e25b
-youtube_searched_for e8fa
-zoom_in e8ff
-zoom_out e900
-zoom_out_map e56b
diff --git a/app/webroot/css/fonts/material-icons/filled.css b/app/webroot/css/fonts/material-icons/filled.css
deleted file mode 100644
index 75e83a848..000000000
--- a/app/webroot/css/fonts/material-icons/filled.css
+++ /dev/null
@@ -1,24 +0,0 @@
-@font-face {
-  font-family: "Material Icons";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons.woff2") format("woff2"), url("./material-icons.woff") format("woff");
-}
-.material-icons {
-  font-family: "Material Icons";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
diff --git a/app/webroot/css/fonts/material-icons/filled.scss b/app/webroot/css/fonts/material-icons/filled.scss
deleted file mode 100644
index e1b258cf3..000000000
--- a/app/webroot/css/fonts/material-icons/filled.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-
-@include material-icons-font('Material Icons');
diff --git a/app/webroot/css/fonts/material-icons/material-icons-outlined.woff b/app/webroot/css/fonts/material-icons/material-icons-outlined.woff
deleted file mode 100644
index 98c4e00b2..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-outlined.woff and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-outlined.woff2 b/app/webroot/css/fonts/material-icons/material-icons-outlined.woff2
deleted file mode 100644
index 541c0cf16..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-outlined.woff2 and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-round.woff b/app/webroot/css/fonts/material-icons/material-icons-round.woff
deleted file mode 100644
index 2def2d9ba..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-round.woff and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-round.woff2 b/app/webroot/css/fonts/material-icons/material-icons-round.woff2
deleted file mode 100644
index eccd97594..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-round.woff2 and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-sharp.woff b/app/webroot/css/fonts/material-icons/material-icons-sharp.woff
deleted file mode 100644
index 4e0c260e5..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-sharp.woff and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-sharp.woff2 b/app/webroot/css/fonts/material-icons/material-icons-sharp.woff2
deleted file mode 100644
index 651885a1a..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-sharp.woff2 and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-two-tone.woff b/app/webroot/css/fonts/material-icons/material-icons-two-tone.woff
deleted file mode 100644
index 48456c78e..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-two-tone.woff and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons-two-tone.woff2 b/app/webroot/css/fonts/material-icons/material-icons-two-tone.woff2
deleted file mode 100644
index 190a1ea4f..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons-two-tone.woff2 and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons.css b/app/webroot/css/fonts/material-icons/material-icons.css
deleted file mode 100644
index 3cd7aab97..000000000
--- a/app/webroot/css/fonts/material-icons/material-icons.css
+++ /dev/null
@@ -1,124 +0,0 @@
-@font-face {
-  font-family: "Material Icons";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons.woff2") format("woff2"), url("./material-icons.woff") format("woff");
-}
-.material-icons {
-  font-family: "Material Icons";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
-
-@font-face {
-  font-family: "Material Icons Outlined";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-outlined.woff2") format("woff2"), url("./material-icons-outlined.woff") format("woff");
-}
-.material-icons-outlined {
-  font-family: "Material Icons Outlined";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
-
-@font-face {
-  font-family: "Material Icons Round";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-round.woff2") format("woff2"), url("./material-icons-round.woff") format("woff");
-}
-.material-icons-round {
-  font-family: "Material Icons Round";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
-
-@font-face {
-  font-family: "Material Icons Sharp";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-sharp.woff2") format("woff2"), url("./material-icons-sharp.woff") format("woff");
-}
-.material-icons-sharp {
-  font-family: "Material Icons Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
-
-@font-face {
-  font-family: "Material Icons Two Tone";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-two-tone.woff2") format("woff2"), url("./material-icons-two-tone.woff") format("woff");
-}
-.material-icons-two-tone {
-  font-family: "Material Icons Two Tone";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
diff --git a/app/webroot/css/fonts/material-icons/material-icons.scss b/app/webroot/css/fonts/material-icons/material-icons.scss
deleted file mode 100644
index 3a094277a..000000000
--- a/app/webroot/css/fonts/material-icons/material-icons.scss
+++ /dev/null
@@ -1,5 +0,0 @@
-@import 'filled';
-@import 'outlined';
-@import 'round';
-@import 'sharp';
-@import 'two-tone';
diff --git a/app/webroot/css/fonts/material-icons/material-icons.woff b/app/webroot/css/fonts/material-icons/material-icons.woff
deleted file mode 100644
index 133607fa3..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons.woff and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/material-icons.woff2 b/app/webroot/css/fonts/material-icons/material-icons.woff2
deleted file mode 100644
index 9856610b0..000000000
Binary files a/app/webroot/css/fonts/material-icons/material-icons.woff2 and /dev/null differ
diff --git a/app/webroot/css/fonts/material-icons/outlined.css b/app/webroot/css/fonts/material-icons/outlined.css
deleted file mode 100644
index f359e2aa3..000000000
--- a/app/webroot/css/fonts/material-icons/outlined.css
+++ /dev/null
@@ -1,24 +0,0 @@
-@font-face {
-  font-family: "Material Icons Outlined";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-outlined.woff2") format("woff2"), url("./material-icons-outlined.woff") format("woff");
-}
-.material-icons-outlined {
-  font-family: "Material Icons Outlined";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
diff --git a/app/webroot/css/fonts/material-icons/outlined.scss b/app/webroot/css/fonts/material-icons/outlined.scss
deleted file mode 100644
index cabbac092..000000000
--- a/app/webroot/css/fonts/material-icons/outlined.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-
-@include material-icons-font('Material Icons Outlined');
diff --git a/app/webroot/css/fonts/material-icons/round.css b/app/webroot/css/fonts/material-icons/round.css
deleted file mode 100644
index c0b13ba7d..000000000
--- a/app/webroot/css/fonts/material-icons/round.css
+++ /dev/null
@@ -1,24 +0,0 @@
-@font-face {
-  font-family: "Material Icons Round";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-round.woff2") format("woff2"), url("./material-icons-round.woff") format("woff");
-}
-.material-icons-round {
-  font-family: "Material Icons Round";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
diff --git a/app/webroot/css/fonts/material-icons/round.scss b/app/webroot/css/fonts/material-icons/round.scss
deleted file mode 100644
index ba3260cd7..000000000
--- a/app/webroot/css/fonts/material-icons/round.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-
-@include material-icons-font('Material Icons Round');
diff --git a/app/webroot/css/fonts/material-icons/sharp.css b/app/webroot/css/fonts/material-icons/sharp.css
deleted file mode 100644
index 18e914963..000000000
--- a/app/webroot/css/fonts/material-icons/sharp.css
+++ /dev/null
@@ -1,24 +0,0 @@
-@font-face {
-  font-family: "Material Icons Sharp";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-sharp.woff2") format("woff2"), url("./material-icons-sharp.woff") format("woff");
-}
-.material-icons-sharp {
-  font-family: "Material Icons Sharp";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
diff --git a/app/webroot/css/fonts/material-icons/sharp.scss b/app/webroot/css/fonts/material-icons/sharp.scss
deleted file mode 100644
index cb6016155..000000000
--- a/app/webroot/css/fonts/material-icons/sharp.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-
-@include material-icons-font('Material Icons Sharp');
diff --git a/app/webroot/css/fonts/material-icons/two-tone.css b/app/webroot/css/fonts/material-icons/two-tone.css
deleted file mode 100644
index fb9b4c91f..000000000
--- a/app/webroot/css/fonts/material-icons/two-tone.css
+++ /dev/null
@@ -1,24 +0,0 @@
-@font-face {
-  font-family: "Material Icons Two Tone";
-  font-style: normal;
-  font-weight: 400;
-  font-display: block;
-  src: url("./material-icons-two-tone.woff2") format("woff2"), url("./material-icons-two-tone.woff") format("woff");
-}
-.material-icons-two-tone {
-  font-family: "Material Icons Two Tone";
-  font-weight: normal;
-  font-style: normal;
-  font-size: 24px;
-  line-height: 1;
-  letter-spacing: normal;
-  text-transform: none;
-  display: inline-block;
-  white-space: nowrap;
-  word-wrap: normal;
-  direction: ltr;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-rendering: optimizeLegibility;
-  font-feature-settings: "liga";
-}
diff --git a/app/webroot/css/fonts/material-icons/two-tone.scss b/app/webroot/css/fonts/material-icons/two-tone.scss
deleted file mode 100644
index 110f7b6bb..000000000
--- a/app/webroot/css/fonts/material-icons/two-tone.scss
+++ /dev/null
@@ -1,4 +0,0 @@
-@import 'variables';
-@import 'mixins';
-
-@include material-icons-font('Material Icons Two Tone');
diff --git a/app/webroot/css/fonts/material-symbols/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2 b/app/webroot/css/fonts/material-symbols/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2
new file mode 100644
index 000000000..5a049c8e5
Binary files /dev/null and b/app/webroot/css/fonts/material-symbols/MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2 differ
diff --git a/app/webroot/css/fonts/material-symbols/stylesheet.css b/app/webroot/css/fonts/material-symbols/stylesheet.css
new file mode 100644
index 000000000..e22bdc127
--- /dev/null
+++ b/app/webroot/css/fonts/material-symbols/stylesheet.css
@@ -0,0 +1,33 @@
+@font-face {
+  font-family: 'Material Symbols Outlined';
+  font-style: normal;
+  src: url('MaterialSymbolsOutlined[FILL,GRAD,opsz,wght].woff2') format('woff2');
+}
+.material-symbols {
+  font-family: 'Material Symbols Outlined';
+  font-weight: 300;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+  /* The font-variation-settings is what makes this filled */
+  font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 0, 'opsz' 48;
+}
+.material-symbols-outlined {
+  font-family: 'Material Symbols Outlined';
+  font-weight: 400;
+  font-style: normal;
+  font-size: 24px;  /* Preferred icon size */
+  display: inline-block;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+}
diff --git a/app/webroot/js/comanage/components/bulk/datatable.js b/app/webroot/js/comanage/components/bulk/datatable.js
index b15065032..14c308f7d 100644
--- a/app/webroot/js/comanage/components/bulk/datatable.js
+++ b/app/webroot/js/comanage/components/bulk/datatable.js
@@ -55,9 +55,9 @@ export default {
         let url = new URL(resp.url)
         let path = url.pathname
         let id = path.split('/').pop()
-        let info = `<span arial-label="status=true" class="material-icons success" aria-hidden="true">check_circle</span> ${this.action} ${resp.statusText} (Code: ${resp.status})`
+        let info = `<span arial-label="status=true" class="material-symbols success" aria-hidden="true">check_circle</span> ${this.action} ${resp.statusText} (Code: ${resp.status})`
         if(!resp.ok) {
-          info = `<p><span aria-label="status=false" class="material-icons danger" aria-hidden="true">report_problem</span> ${this.action} ${resp.statusText} (Code: ${resp.status})</p>`
+          info = `<p><span aria-label="status=false" class="material-symbols danger" aria-hidden="true">report_problem</span> ${this.action} ${resp.statusText} (Code: ${resp.status})</p>`
           info += `<p>${this.jsn[idx].message}</p>`
           info += `<p>${this.jsn[idx].url}</p>`
         }
diff --git a/app/webroot/js/comanage/components/common/alert.js b/app/webroot/js/comanage/components/common/alert.js
index ae46ae58b..7cdd66d52 100644
--- a/app/webroot/js/comanage/components/common/alert.js
+++ b/app/webroot/js/comanage/components/common/alert.js
@@ -90,7 +90,7 @@ export default {
       <div class="alert-body d-flex align-items-center justify-content-between">
         <span class="alert-content d-flex align-items-center">
           <span class="alert-title d-flex align-items-center">
-            <span class="material-icons-outlined alert-icon">report_problem</span>
+            <span class="material-symbols-outlined alert-icon">report_problem</span>
             <span v-if="titleExists" class="alert-title-text"> {{ this.title }}</span>
           </span>
           <span class="alert-message">{{ this.getMessage }}</span>
diff --git a/app/webroot/js/comanage/components/common/copy-value-button.js b/app/webroot/js/comanage/components/common/copy-value-button.js
index 3ffb360ee..9b88e1017 100644
--- a/app/webroot/js/comanage/components/common/copy-value-button.js
+++ b/app/webroot/js/comanage/components/common/copy-value-button.js
@@ -64,7 +64,7 @@ export default {
       class="cm-copy-value-button btn btn-sm btn-default" 
       :aria-label="this.ariaLabel" 
       @click.stop.prevent="copyValue(this.valueToCopy)">
-      <span class="material-icons-outlined">{{ this.copyIcon }}</span>
+      <span class="material-symbols-outlined">{{ this.copyIcon }}</span>
       <span class="cm-copy-value-text">{{ this.txt.copy }}</span>
     </button>
   `
diff --git a/app/webroot/js/comanage/components/datepicker/cm-datetimepicker.js b/app/webroot/js/comanage/components/datepicker/cm-datetimepicker.js
index 01a0c9a67..c0a4eabf3 100644
--- a/app/webroot/js/comanage/components/datepicker/cm-datetimepicker.js
+++ b/app/webroot/js/comanage/components/datepicker/cm-datetimepicker.js
@@ -179,7 +179,7 @@ export default {
       </duet-date-picker>
       <div v-if="this.type != 'dateonly'" class="cm-time-picker">
         <button @click.stop.prevent="showTimePicker" type="button" class="btn">
-          <em class="material-icons"  aria-hidden="true">schedule</em>
+          <em class="material-symbols-outlined"  aria-hidden="true">schedule</em>
           <span class="visually-hidden">{{ this.txt.choosetime }}</span>
         </button>
         <Transition>
diff --git a/app/webroot/js/comanage/components/mvea/mvea-item.js b/app/webroot/js/comanage/components/mvea/mvea-item.js
index ad6fba924..33ef3e60b 100644
--- a/app/webroot/js/comanage/components/mvea/mvea-item.js
+++ b/app/webroot/js/comanage/components/mvea/mvea-item.js
@@ -187,7 +187,7 @@ export default {
     <li class="field-data-container linked-row" v-if="this.core.mveaType == 'urls'" @click="followRowLink">
       <div class="field-data force-wrap with-copy-icon">
         <a :href="mveaLink" class="row-link" @click.prevent>{{ this.mvea.description != '' && this.mvea.description != null ? this.mvea.description : this.mvea.url }}</a>   
-        <a :href="this.mvea.url" class="canvas-url-link" :title="this.txt['global.visit.link']"><span class="material-icons">north_east</span></a>
+        <a :href="this.mvea.url" class="canvas-url-link" :title="this.txt['global.visit.link']"><span class="material-symbols">north_east</span></a>
         <copy-value-button 
           :txt="this.txt" 
           :valueToCopy="this.mvea.url">