diff --git a/src/less/basic/mixins.less b/src/less/basic/mixins.less
index d0ea7bab9f937a03d142e8e7d3db4318f540118a..1028eb7e02d3387ba251a9db8157d61c0e576a77 100644
--- a/src/less/basic/mixins.less
+++ b/src/less/basic/mixins.less
@@ -734,7 +734,7 @@
 .icon-zenicon() {
   font-family: @icon-font-name;
   speak: none;
-  font-size: 14px;
+  font-size: @icon-font-size;
   font-style: normal;
   font-weight: normal;
   font-variant: normal;
diff --git a/src/less/basic/variables.less b/src/less/basic/variables.less
index 264269e2585bfebea43d805dc5a781af03d4de7b..a2e7a445eff83b911d58a5828e3e416024815cab 100644
--- a/src/less/basic/variables.less
+++ b/src/less/basic/variables.less
@@ -705,6 +705,7 @@
 @icon-muted-color:        @color-gray-light;
 @icon-light-color:        @color-light;
 @icon-dark-color:         @color-dark;
+@icon-font-size:          14px;
 @icons-li-width:          30/14em;
 @icon-font-file-name:     zenicon;
 @icon-font-name:          ZenIcon;
diff --git a/src/less/controls/icons.core.less b/src/less/controls/icons.core.less
index 16ff4422397eb4bfc248a1de1a96fd29f1beaab2..2a168409ff06c66c07cb5d49f941c1e3a158e693 100644
--- a/src/less/controls/icons.core.less
+++ b/src/less/controls/icons.core.less
@@ -1,7 +1,7 @@
 /// ========================================================================
 /// Font Awesome: icons.core.less
 /// https://github.com/FortAwesome/Font-Awesome/tree/master/less
-/// 
+///
 /// ZUI: The file has been changed in ZUI. It will not keep update with the
 /// FontAwesome version in the future.
 /// http://zui.sexy
@@ -40,7 +40,7 @@
 
 .icon:before {
   display: inline-block;
-  min-width: 14px;
+  min-width: @icon-font-size;
   text-align: center;
 }
 
@@ -63,10 +63,10 @@ a {
   vertical-align: -10%;
   font-size: 4/3em;
 }
-.icon-2x { font-size: 28px; }
-.icon-3x { font-size: 42px; }
-.icon-4x { font-size: 56px; }
-.icon-5x { font-size: 70px; }
+.icon-2x { font-size: @icon-font-size*2; }
+.icon-3x { font-size: @icon-font-size*3; }
+.icon-4x { font-size: @icon-font-size*4; }
+.icon-5x { font-size: @icon-font-size*5; }
 
 
 // Animated rotating icon