Add icons for Helios, Redmine, Zulip, Forum, Mastodon

source/css/atoms/icons.pcss

-
 @font-face {
   font-family: 'pirati-ui';
-  src:  url('../fonts/pirati-ui.eot?16cba54ca38938d07a34607a0eb2fcb6');
-  src:  url('../fonts/pirati-ui.eot?16cba54ca38938d07a34607a0eb2fcb6#iefix') format('embedded-opentype'),
-    url('../fonts/pirati-ui.ttf?16cba54ca38938d07a34607a0eb2fcb6') format('truetype'),
-    url('../fonts/pirati-ui.woff?16cba54ca38938d07a34607a0eb2fcb6') format('woff'),
-    url('../fonts/pirati-ui.svg?16cba54ca38938d07a34607a0eb2fcb6#pirati-ui') format('svg');
-  font-weight: normal;
+  src:  url('../fonts/pirati-ui.eot?964zxx');
+  src:  url('../fonts/pirati-ui.eot?964zxx#iefix') format('embedded-opentype'),
+    url('../fonts/pirati-ui.ttf?964zxx') format('truetype'),
+    url('../fonts/pirati-ui.woff?964zxx') format('woff'),
+    url('../fonts/pirati-ui.svg?964zxx#pirati-ui') format('svg');
+font-weight: normal;
   font-style: normal;
   font-display: block;
 }
@@ -26,33 +25,21 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-@font-face {
-  font-family: 'pirati-ui';
-  src:  url('fonts/pirati-ui.eot?uv2v4l');
-  src:  url('fonts/pirati-ui.eot?uv2v4l#iefix') format('embedded-opentype'),
-    url('fonts/pirati-ui.ttf?uv2v4l') format('truetype'),
-    url('fonts/pirati-ui.woff?uv2v4l') format('woff'),
-    url('fonts/pirati-ui.svg?uv2v4l#pirati-ui') format('svg');
-  font-weight: normal;
-  font-style: normal;
-  font-display: block;
+.ico--mastodon:before {
+  content: "\e973";
 }
-
-[class^="ico--"], [class*=" ico--"] {
-  /* use !important to prevent issues with browser extensions that change fonts */
-  font-family: 'pirati-ui' !important;
-  speak: never;
-  font-style: normal;
-  font-weight: normal;
-  font-variant: normal;
-  text-transform: none;
-  line-height: 1;
-
-  /* Better Font Rendering =========== */
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+.ico--helios:before {
+  content: "\e96e";
+}
+.ico--redmine:before {
+  content: "\e96f";
+}
+.ico--zulip:before {
+  content: "\e970";
+}
+.ico--forum:before {
+  content: "\e971";
 }
-
 .ico--pirati:before {
   content: "\e90d";
 }
@@ -359,6 +346,9 @@
 .ico--facebook:before {
   content: "\e902";
 }
+.ico--envelop:before {
+  content: "\e972";
+}
 .ico--bed:before {
   content: "\e969";
 }