Some fixes on css

sass/icons.scss

@@ -1,6 +1,56 @@
-.icon {
-  font-family: "icon";
-  font-style: normal;
-  font-weight: normal;
-  text-decoration: inherit;
+@font-face {
+    font-family: 'icon';
+    src: url('/font/icon.eot?80770511');
+    src: url('/font/icon.eot?80770511#iefix') format('embedded-opentype'),
+         url('/font/icon.woff2?80770511') format('woff2'),
+         url('/font/icon.woff?80770511') format('woff'),
+         url('/font/icon.ttf?80770511') format('truetype'),
+         url('/font/icon.svg?80770511#icon') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+[class^="icon-"]:before, [class*=" icon-"]:before {
+    font-family: "icon";
+    font-style: normal;
+    font-weight: normal;
+
+    display: inline-block;
+    text-decoration: inherit;
+    width: 1em;
+    margin-right: .2em;
+    text-align: center;
+
+    font-variant: normal;
+    text-transform: none;
+
+    line-height: 1em;
+
+    margin-left: .2em;
+
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-plus:before { content: '\e800'; } /* '' */
+.icon-user:before { content: '\e801'; } /* '' */
+.icon-search:before { content: '\e802'; } /* '' */
+.icon-mail:before { content: '\e803'; } /* '' */
+.icon-link:before { content: '\e804'; } /* '' */
+.icon-spin:before { content: '\e839'; } /* '' */
+.icon-link-ext:before { content: '\f08e'; } /* '' */
+.icon-trash:before { content: '\f1f8'; } /* '' */
+
+.animate-spin {
+    animation: spin 2s infinite linear;
+    display: inline-block;
+}
+@keyframes spin {
+    0% {
+        transform: rotate(0deg);
+    }
+
+    100% {
+        transform: rotate(359deg);
+    }
 }