diff --git a/libs/icons/covalent-icons.css b/libs/icons/covalent-icons.css
index 9bc0ae441d..cf102a01f6 100644
--- a/libs/icons/covalent-icons.css
+++ b/libs/icons/covalent-icons.css
@@ -8,6 +8,15 @@
   font-display: block;
 }
 
+/* Support mdc icon font variable */
+.covalent-icon,
+.covalent-icons,
+[covalent-icon],
+[covalent-icons],
+[iconFont='covalent-icons'] {
+  --mdc-icon-font: 'covalent-icons';
+}
+
 [class^='cov-'],
 [class*=' cov-'] {
   /* use !important to prevent issues with browser extensions that change fonts */
diff --git a/libs/icons/covalent-icons.scss b/libs/icons/covalent-icons.scss
index 391e152677..05bb88ae91 100644
--- a/libs/icons/covalent-icons.scss
+++ b/libs/icons/covalent-icons.scss
@@ -13,6 +13,15 @@
   font-display: block;
 }
 
+/* Support mdc icon font variable */
+.covalent-icon,
+.covalent-icons,
+[covalent-icon],
+[covalent-icons],
+[iconFont='covalent-icons'] {
+  --mdc-icon-font: '#{$icomoon-font-family}';
+}
+
 [class^='cov-'],
 [class*=' cov-'] {
   /* use !important to prevent issues with browser extensions that change fonts */
diff --git a/libs/icons/project.json b/libs/icons/project.json
index 352da131a2..dee5e73e4f 100644
--- a/libs/icons/project.json
+++ b/libs/icons/project.json
@@ -10,6 +10,7 @@
       "options": {
         "commands": [
           "mkdir -p dist/libs/icons",
+          "cp libs/icons/covalent-icons*.scss dist/libs/icons",
           "cp libs/icons/covalent-icons.* dist/libs/icons",
           "cp libs/icons/package.json dist/libs/icons"
         ],
diff --git a/package-lock.json b/package-lock.json
index 6b77401103..55096ae139 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3740,9 +3740,9 @@
       }
     },
     "node_modules/@covalent/tokens": {
-      "version": "8.5.5",
-      "resolved": "https://registry.npmjs.org/@covalent/tokens/-/tokens-8.5.5.tgz",
-      "integrity": "sha512-4OZD7aoA2NavGtRMEwEUhmLcZslt8Vmhwnjm9TjK4QuBh8zK5hiqiipWOus5Zi1NF4LwmXjOXhMoJ2G+9MoR7g==",
+      "version": "8.6.0",
+      "resolved": "https://registry.npmjs.org/@covalent/tokens/-/tokens-8.6.0.tgz",
+      "integrity": "sha512-dVYylTJudSAcVKMpUz29bHAndNRYW+7eJiCKtfKTsMO6GgVLkXS2iWsQAYwDVhi7DvHAH5qFi7eRpEMoJovJCw==",
       "dev": true
     },
     "node_modules/@cspotcode/source-map-support": {