diff --git a/icon/internal/_icon.scss b/icon/internal/_icon.scss
index fb1000d64..d2147e902 100644
--- a/icon/internal/_icon.scss
+++ b/icon/internal/_icon.scss
@@ -32,11 +32,13 @@
   }
 
   :host {
-    font-size: map.get($tokens, size);
+    font-size: map.get($tokens, 'size');
+    width: map.get($tokens, 'size');
+    height: map.get($tokens, 'size');
     color: inherit;
     font-variation-settings: inherit;
     font-weight: 400;
-    font-family: map.get($tokens, font);
+    font-family: map.get($tokens, 'font');
     display: inline-flex;
     font-style: normal;
     line-height: 1;
diff --git a/tokens/_md-comp-icon.scss b/tokens/_md-comp-icon.scss
index bfabe1f64..dd924feb6 100644
--- a/tokens/_md-comp-icon.scss
+++ b/tokens/_md-comp-icon.scss
@@ -18,7 +18,7 @@ $supported-tokens: (
   @return (
     // go/keep-sorted start
     font: if($exclude-hardcoded-values, null, 'Material Symbols Outlined'),
-    size: if($exclude-hardcoded-values, null, '24px'),
+    size: if($exclude-hardcoded-values, null, 24px),
     // go/keep-sorted end
   );
 }