diff --git a/less/_icons-material-design.less b/less/_icons-material-design.less
index c63e4f4c..ba69c532 100644
--- a/less/_icons-material-design.less
+++ b/less/_icons-material-design.less
@@ -1,10 +1,10 @@
 @font-face {
     font-family: "Material-Design";
-    src:url("../fonts/Material-Design.eot?2u7a7w");
-    src:url("../fonts/Material-Design.eot?#iefix2u7a7w") format("embedded-opentype"),
-        url("../fonts/Material-Design.woff?2u7a7w") format("woff"),
-        url("../fonts/Material-Design.ttf?2u7a7w") format("truetype"),
-        url("../fonts/Material-Design.svg?2u7a7w#Material-Design") format("svg");
+    src:url("@{material-font-path}/Material-Design.eot?2u7a7w");
+    src:url("@{material-font-path}/Material-Design.eot?#iefix2u7a7w") format("embedded-opentype"),
+        url("@{material-font-path}/Material-Design.woff?2u7a7w") format("woff"),
+        url("@{material-font-path}/Material-Design.ttf?2u7a7w") format("truetype"),
+        url("@{material-font-path}/Material-Design.svg?2u7a7w#Material-Design") format("svg");
     font-weight: normal;
     font-style: normal;
 }
diff --git a/less/_variables.less b/less/_variables.less
index 2f0a33ef..9b6230c3 100644
--- a/less/_variables.less
+++ b/less/_variables.less
@@ -1,6 +1,7 @@
 // main: material.less
 
-
+// material icons path
+@material-font-path: "../fonts";
 
 // Material colors palette
 @red: #F44336;