add custom materio icon

sites/all/themes/gui/materiobasetheme/fonts/icon/foundation-icons.css

@@ -15,6 +15,18 @@
   font-style: normal;
 }
 
+@font-face {
+    font-family: 'foundation-icons-ciconscustom';
+    src: url('foundation-icons-custom.eot');
+    src: url('foundation-icons-custom.eot?#iefix') format('embedded-opentype'),
+         url('foundation-icons-custom.woff') format('woff'),
+         url('foundation-icons-custom.ttf') format('truetype'),
+         url('foundation-icons-custom.svg#foundation-icons-ciconscustom') format('svg');
+    font-weight: normal;
+    font-style: normal;
+
+}
+
 .fi-address-book:before,
 .fi-alert:before,
 .fi-align-center:before,
@@ -307,9 +319,36 @@
   -webkit-font-smoothing: antialiased;
   display: inline-block;
   text-decoration: inherit;
-  font-size: 14px;
+  font-size: 16px;
 }
 
+/* CUSTOM ICONS */
+.icon-materio-viewmode-cardsmall,
+.icon-materio-viewmode-cardmedium,
+.icon-materio-viewmode-cardbig,
+.icon-materio-viewmode-cardfull,
+.icon-materio-folder {
+  font-family: "foundation-icons-ciconscustom";
+  font-style: normal;
+  font-weight: normal;
+  font-variant: normal;
+  text-transform: none;
+  line-height: 1;
+  -webkit-font-smoothing: antialiased;
+  display: inline-block;
+  text-decoration: inherit;
+  font-size: 25px;
+  color: #313131;
+}
+
+.icon-materio-folder{
+  color: #007BC2;
+  font-size: 20px;
+
+}
+
+/*FOUNDATION ICONS*/
+
 .fi-address-book:before { content: "\f100"; }
 .fi-alert:before { content: "\f101"; }
 .fi-align-center:before { content: "\f102"; }
@@ -593,3 +632,14 @@
 .fi-yen:before { content: "\f218"; }
 .fi-zoom-in:before { content: "\f219"; }
 .fi-zoom-out:before { content: "\f21a"; }
+
+/*CUSTOM ICONS*/
+.icon-materio-viewmode-cardsmall.active:before{ content: "\f21b"; }
+.icon-materio-viewmode-cardmedium.active:before{ content: "\f21c"; }
+.icon-materio-viewmode-cardbig.active:before{ content: "\f21d"; }
+.icon-materio-viewmode-cardfull.active:before{ content: "\f21e"; }
+.icon-materio-viewmode-cardsmall:before{ content: "\f21f"; }
+.icon-materio-viewmode-cardmedium:before{ content: "\f220"; }
+.icon-materio-viewmode-cardbig:before{ content: "\f221"; }
+.icon-materio-viewmode-cardfull:before{ content: "\f222"; }
+.icon-materio-folder:before{ content: "\f223"; }