Update fonticons to remove unused smileys and add social icons

css/converse.css

@@ -35,9 +35,6 @@
 #converse-embedded-chat .icon-address-book:before,
 #conversejs .icon-address-book:before {
   content: "\270f"; }
-#converse-embedded-chat .icon-angry:before,
-#conversejs .icon-angry:before {
-  content: "\e03f"; }
 #converse-embedded-chat .icon-attachment:before,
 #conversejs .icon-attachment:before {
   content: "\e032"; }
@@ -50,36 +47,24 @@
 #converse-embedded-chat .icon-bold:before,
 #conversejs .icon-bold:before {
   content: "\e04d"; }
-#converse-embedded-chat .icon-bubbles-2:before,
-#conversejs .icon-bubbles-2:before {
+#converse-embedded-chat .icon-bubbles2:before,
+#conversejs .icon-bubbles2:before {
   content: "\e016"; }
-#converse-embedded-chat .icon-bubbles-3:before,
-#conversejs .icon-bubbles-3:before {
+#converse-embedded-chat .icon-bubbles3:before,
+#conversejs .icon-bubbles3:before {
   content: "\e017"; }
 #converse-embedded-chat .icon-bubbles:before,
 #conversejs .icon-bubbles:before {
   content: "\e015"; }
-#converse-embedded-chat .icon-camera-2:before,
-#conversejs .icon-camera-2:before {
-  content: "\2616"; }
-#converse-embedded-chat .icon-camera:before,
-#conversejs .icon-camera:before {
-  content: "\e003"; }
+#converse-embedded-chat .icon-busy:before,
+#conversejs .icon-busy:before {
+  content: "\e004"; }
+#converse-embedded-chat .icon-dnd:before,
+#conversejs .icon-dnd:before {
+  content: "\e004"; }
 #converse-embedded-chat .icon-cancel-circle:before,
 #conversejs .icon-cancel-circle:before {
   content: "\e058"; }
-#converse-embedded-chat .icon-chat:before,
-#conversejs .icon-chat:before {
-  content: "\25fc"; }
-#converse-embedded-chat .icon-checkbox-checked:before,
-#conversejs .icon-checkbox-checked:before {
-  content: "\2611"; }
-#converse-embedded-chat .icon-checkbox-partial:before,
-#conversejs .icon-checkbox-partial:before {
-  content: "\2b28"; }
-#converse-embedded-chat .icon-checkbox-unchecked:before,
-#conversejs .icon-checkbox-unchecked:before {
-  content: "\2b27"; }
 #converse-embedded-chat .icon-checkmark:before,
 #conversejs .icon-checkmark:before {
   content: "\2713"; }
@@ -95,45 +80,48 @@
 #converse-embedded-chat .icon-cogs:before,
 #conversejs .icon-cogs:before {
   content: "\e022"; }
-#converse-embedded-chat .icon-confused:before,
-#conversejs .icon-confused:before {
-  content: "\2368"; }
-#converse-embedded-chat .icon-cool:before,
-#conversejs .icon-cool:before {
-  content: "\e040"; }
+#converse-embedded-chat .icon-conversejs:before,
+#conversejs .icon-conversejs:before {
+  content: "\e600"; }
 #converse-embedded-chat .icon-database:before,
 #conversejs .icon-database:before {
   content: "\f1c0"; }
-#converse-embedded-chat .icon-dnd:before,
-#conversejs .icon-dnd:before {
-  content: "\e004"; }
-#converse-embedded-chat .icon-envelop:before,
-#conversejs .icon-envelop:before {
-  content: "\2709"; }
-#converse-embedded-chat .icon-evil:before,
-#conversejs .icon-evil:before {
-  content: "\261f"; }
+#converse-embedded-chat .icon-envelope:before,
+#conversejs .icon-envelope:before {
+  content: "\f003"; }
+#converse-embedded-chat .icon-exit:before,
+#conversejs .icon-exit:before {
+  content: "\e601"; }
 #converse-embedded-chat .icon-eye-blocked:before,
 #conversejs .icon-eye-blocked:before {
   content: "\e031"; }
 #converse-embedded-chat .icon-eye:before,
 #conversejs .icon-eye:before {
   content: "\e030"; }
+#converse-embedded-chat .icon-github:before,
+#conversejs .icon-github:before {
+  content: "\eab0"; }
 #converse-embedded-chat .icon-globe:before,
 #conversejs .icon-globe:before {
   content: "\f0ac"; }
-#converse-embedded-chat .icon-grin:before,
-#conversejs .icon-grin:before {
-  content: "\e041"; }
+#converse-embedded-chat .icon-google2:before,
+#conversejs .icon-google2:before {
+  content: "\ea89"; }
+#converse-embedded-chat .icon-group:before,
+#conversejs .icon-group:before {
+  content: "\f0c0"; }
 #converse-embedded-chat .icon-happy:before,
 #conversejs .icon-happy:before {
   content: "\263b"; }
-#converse-embedded-chat .icon-headphones:before,
-#conversejs .icon-headphones:before {
-  content: "\266c"; }
+#converse-embedded-chat .icon-heart2:before,
+#conversejs .icon-heart2:before {
+  content: "\f004"; }
 #converse-embedded-chat .icon-heart:before,
 #conversejs .icon-heart:before {
   content: "\2764"; }
+#converse-embedded-chat .icon-heart_empty:before,
+#conversejs .icon-heart_empty:before {
+  content: "\f08a"; }
 #converse-embedded-chat .icon-hide-users:before,
 #conversejs .icon-hide-users:before {
   content: "\e01c"; }
@@ -149,45 +137,30 @@
 #converse-embedded-chat .icon-image:before,
 #conversejs .icon-image:before {
   content: "\2b14"; }
-#converse-embedded-chat .icon-info-2:before,
-#conversejs .icon-info-2:before {
-  content: "i"; }
 #converse-embedded-chat .icon-info:before,
 #conversejs .icon-info:before {
   content: "\2360"; }
 #converse-embedded-chat .icon-italic:before,
 #conversejs .icon-italic:before {
   content: "\e04f"; }
-#converse-embedded-chat .icon-key-2:before,
-#conversejs .icon-key-2:before {
-  content: "\e029"; }
 #converse-embedded-chat .icon-key:before,
 #conversejs .icon-key:before {
   content: "\e028"; }
 #converse-embedded-chat .icon-legal:before,
 #conversejs .icon-legal:before {
   content: "\f0e3"; }
-#converse-embedded-chat .icon-lock:before,
-#conversejs .icon-lock:before {
+#converse-embedded-chat .icon-lock-2:before,
+#conversejs .icon-lock-2:before {
   content: "\e027"; }
-#converse-embedded-chat .icon-logout:before,
-#conversejs .icon-logout:before {
-  content: "\e601"; }
-#converse-embedded-chat .icon-leave:before,
-#conversejs .icon-leave:before {
-  content: "\e601"; }
 #converse-embedded-chat .icon-minus:before,
 #conversejs .icon-minus:before {
   content: "\e05a"; }
 #converse-embedded-chat .icon-music:before,
 #conversejs .icon-music:before {
   content: "\266b"; }
-#converse-embedded-chat .icon-new-tab:before,
-#conversejs .icon-new-tab:before {
+#converse-embedded-chat .icon-newtab:before,
+#conversejs .icon-newtab:before {
   content: "\e053"; }
-#converse-embedded-chat .icon-newspaper:before,
-#conversejs .icon-newspaper:before {
-  content: "\e001"; }
 #converse-embedded-chat .icon-notebook:before,
 #conversejs .icon-notebook:before {
   content: "\2710"; }
@@ -197,6 +170,9 @@
 #converse-embedded-chat .icon-offline:before,
 #conversejs .icon-offline:before {
   content: "\e002"; }
+#converse-embedded-chat .icon-logout:before,
+#conversejs .icon-logout:before {
+  content: "\e002"; }
 #converse-embedded-chat .icon-online:before,
 #conversejs .icon-online:before {
   content: "\25fc"; }
@@ -212,9 +188,6 @@
 #converse-embedded-chat .icon-phone:before,
 #conversejs .icon-phone:before {
   content: "\260f"; }
-#converse-embedded-chat .icon-play:before,
-#conversejs .icon-play:before {
-  content: "\25d9"; }
 #converse-embedded-chat .icon-plus:before,
 #conversejs .icon-plus:before {
   content: "\271a"; }
@@ -224,33 +197,21 @@
 #converse-embedded-chat .icon-quotes-left:before,
 #conversejs .icon-quotes-left:before {
   content: "\e01d"; }
-#converse-embedded-chat .icon-radio-checked:before,
-#conversejs .icon-radio-checked:before {
-  content: "\2b26"; }
-#converse-embedded-chat .icon-radio-unchecked:before,
-#conversejs .icon-radio-unchecked:before {
-  content: "\2b25"; }
+#converse-embedded-chat .icon-reddit:before,
+#conversejs .icon-reddit:before {
+  content: "\eac6"; }
 #converse-embedded-chat .icon-remove:before,
 #conversejs .icon-remove:before {
-  content: "\2715"; }
-#converse-embedded-chat .icon-trash:before,
-#conversejs .icon-trash:before {
   content: "\e02d"; }
 #converse-embedded-chat .icon-room-info:before,
 #conversejs .icon-room-info:before {
   content: "\e059"; }
-#converse-embedded-chat .icon-sad:before,
-#conversejs .icon-sad:before {
-  content: "\2639"; }
 #converse-embedded-chat .icon-save:before,
 #conversejs .icon-save:before {
   content: "\f0c7"; }
 #converse-embedded-chat .icon-search:before,
 #conversejs .icon-search:before {
   content: "\e021"; }
-#converse-embedded-chat .icon-shocked:before,
-#conversejs .icon-shocked:before {
-  content: "\2364"; }
 #converse-embedded-chat .icon-show-users:before,
 #conversejs .icon-show-users:before {
   content: "\e01e"; }
@@ -266,18 +227,19 @@
 #converse-embedded-chat .icon-spinner:before,
 #conversejs .icon-spinner:before {
   content: "\231b"; }
+#converse-embedded-chat .icon-star:before,
+#conversejs .icon-star:before {
+  content: "\f005"; }
+#converse-embedded-chat .icon-star_empty:before,
+#conversejs .icon-star_empty:before {
+  content: "\f006"; }
 #converse-embedded-chat .icon-strikethrough:before,
 #conversejs .icon-strikethrough:before {
   content: "\e050"; }
-#converse-embedded-chat .icon-thumbs-up:before,
-#conversejs .icon-thumbs-up:before {
-  content: "\261d"; }
-#converse-embedded-chat .icon-tongue:before,
-#conversejs .icon-tongue:before {
-  content: "\e038"; }
-#converse-embedded-chat .icon-unavailable:before,
+#converse-embedded-chat .icon-twitter:before,
+#conversejs .icon-twitter:before {
+  content: "\ea96"; }
 #converse-embedded-chat .icon-underline:before,
-#conversejs .icon-unavailable:before,
 #conversejs .icon-underline:before {
   content: "\e04e"; }
 #converse-embedded-chat .icon-unlocked:before,
@@ -292,26 +254,17 @@
 #converse-embedded-chat .icon-warning:before,
 #conversejs .icon-warning:before {
   content: "\26a0"; }
-#converse-embedded-chat .icon-wink:before,
-#conversejs .icon-wink:before {
-  content: "\e03a"; }
-#converse-embedded-chat .icon-wondering:before,
-#conversejs .icon-wondering:before {
-  content: "\2369"; }
 #converse-embedded-chat .icon-wrench:before,
 #conversejs .icon-wrench:before {
   content: "\e024"; }
 #converse-embedded-chat .icon-xa:before,
 #conversejs .icon-xa:before {
   content: "\e602"; }
-#converse-embedded-chat .icon-youtube:before,
-#conversejs .icon-youtube:before {
-  content: "\e055"; }
-#converse-embedded-chat .icon-zoom-in:before,
-#conversejs .icon-zoom-in:before {
+#converse-embedded-chat .icon-zoomin:before,
+#conversejs .icon-zoomin:before {
   content: "\e02b"; }
-#converse-embedded-chat .icon-zoom-out:before,
-#conversejs .icon-zoom-out:before {
+#converse-embedded-chat .icon-zoomout:before,
+#conversejs .icon-zoomout:before {
   content: "\e02a"; }
 #converse-embedded-chat [data-icon]:before,
 #conversejs [data-icon]:before {
@@ -2457,6 +2410,8 @@
         margin: 0;
         padding: 0;
         color: #A8ABA1; }
+        #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact:before {
+          font-size: 14px; }
         #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact:hover {
           color: #818479; }
   #conversejs #converse-roster span.pending-contact-name {

css/inverse.css

@@ -35,9 +35,6 @@
 #converse-embedded-chat .icon-address-book:before,
 #conversejs .icon-address-book:before {
   content: "\270f"; }
-#converse-embedded-chat .icon-angry:before,
-#conversejs .icon-angry:before {
-  content: "\e03f"; }
 #converse-embedded-chat .icon-attachment:before,
 #conversejs .icon-attachment:before {
   content: "\e032"; }
@@ -50,36 +47,24 @@
 #converse-embedded-chat .icon-bold:before,
 #conversejs .icon-bold:before {
   content: "\e04d"; }
-#converse-embedded-chat .icon-bubbles-2:before,
-#conversejs .icon-bubbles-2:before {
+#converse-embedded-chat .icon-bubbles2:before,
+#conversejs .icon-bubbles2:before {
   content: "\e016"; }
-#converse-embedded-chat .icon-bubbles-3:before,
-#conversejs .icon-bubbles-3:before {
+#converse-embedded-chat .icon-bubbles3:before,
+#conversejs .icon-bubbles3:before {
   content: "\e017"; }
 #converse-embedded-chat .icon-bubbles:before,
 #conversejs .icon-bubbles:before {
   content: "\e015"; }
-#converse-embedded-chat .icon-camera-2:before,
-#conversejs .icon-camera-2:before {
-  content: "\2616"; }
-#converse-embedded-chat .icon-camera:before,
-#conversejs .icon-camera:before {
-  content: "\e003"; }
+#converse-embedded-chat .icon-busy:before,
+#conversejs .icon-busy:before {
+  content: "\e004"; }
+#converse-embedded-chat .icon-dnd:before,
+#conversejs .icon-dnd:before {
+  content: "\e004"; }
 #converse-embedded-chat .icon-cancel-circle:before,
 #conversejs .icon-cancel-circle:before {
   content: "\e058"; }
-#converse-embedded-chat .icon-chat:before,
-#conversejs .icon-chat:before {
-  content: "\25fc"; }
-#converse-embedded-chat .icon-checkbox-checked:before,
-#conversejs .icon-checkbox-checked:before {
-  content: "\2611"; }
-#converse-embedded-chat .icon-checkbox-partial:before,
-#conversejs .icon-checkbox-partial:before {
-  content: "\2b28"; }
-#converse-embedded-chat .icon-checkbox-unchecked:before,
-#conversejs .icon-checkbox-unchecked:before {
-  content: "\2b27"; }
 #converse-embedded-chat .icon-checkmark:before,
 #conversejs .icon-checkmark:before {
   content: "\2713"; }
@@ -95,45 +80,48 @@
 #converse-embedded-chat .icon-cogs:before,
 #conversejs .icon-cogs:before {
   content: "\e022"; }
-#converse-embedded-chat .icon-confused:before,
-#conversejs .icon-confused:before {
-  content: "\2368"; }
-#converse-embedded-chat .icon-cool:before,
-#conversejs .icon-cool:before {
-  content: "\e040"; }
+#converse-embedded-chat .icon-conversejs:before,
+#conversejs .icon-conversejs:before {
+  content: "\e600"; }
 #converse-embedded-chat .icon-database:before,
 #conversejs .icon-database:before {
   content: "\f1c0"; }
-#converse-embedded-chat .icon-dnd:before,
-#conversejs .icon-dnd:before {
-  content: "\e004"; }
-#converse-embedded-chat .icon-envelop:before,
-#conversejs .icon-envelop:before {
-  content: "\2709"; }
-#converse-embedded-chat .icon-evil:before,
-#conversejs .icon-evil:before {
-  content: "\261f"; }
+#converse-embedded-chat .icon-envelope:before,
+#conversejs .icon-envelope:before {
+  content: "\f003"; }
+#converse-embedded-chat .icon-exit:before,
+#conversejs .icon-exit:before {
+  content: "\e601"; }
 #converse-embedded-chat .icon-eye-blocked:before,
 #conversejs .icon-eye-blocked:before {
   content: "\e031"; }
 #converse-embedded-chat .icon-eye:before,
 #conversejs .icon-eye:before {
   content: "\e030"; }
+#converse-embedded-chat .icon-github:before,
+#conversejs .icon-github:before {
+  content: "\eab0"; }
 #converse-embedded-chat .icon-globe:before,
 #conversejs .icon-globe:before {
   content: "\f0ac"; }
-#converse-embedded-chat .icon-grin:before,
-#conversejs .icon-grin:before {
-  content: "\e041"; }
+#converse-embedded-chat .icon-google2:before,
+#conversejs .icon-google2:before {
+  content: "\ea89"; }
+#converse-embedded-chat .icon-group:before,
+#conversejs .icon-group:before {
+  content: "\f0c0"; }
 #converse-embedded-chat .icon-happy:before,
 #conversejs .icon-happy:before {
   content: "\263b"; }
-#converse-embedded-chat .icon-headphones:before,
-#conversejs .icon-headphones:before {
-  content: "\266c"; }
+#converse-embedded-chat .icon-heart2:before,
+#conversejs .icon-heart2:before {
+  content: "\f004"; }
 #converse-embedded-chat .icon-heart:before,
 #conversejs .icon-heart:before {
   content: "\2764"; }
+#converse-embedded-chat .icon-heart_empty:before,
+#conversejs .icon-heart_empty:before {
+  content: "\f08a"; }
 #converse-embedded-chat .icon-hide-users:before,
 #conversejs .icon-hide-users:before {
   content: "\e01c"; }
@@ -149,45 +137,30 @@
 #converse-embedded-chat .icon-image:before,
 #conversejs .icon-image:before {
   content: "\2b14"; }
-#converse-embedded-chat .icon-info-2:before,
-#conversejs .icon-info-2:before {
-  content: "i"; }
 #converse-embedded-chat .icon-info:before,
 #conversejs .icon-info:before {
   content: "\2360"; }
 #converse-embedded-chat .icon-italic:before,
 #conversejs .icon-italic:before {
   content: "\e04f"; }
-#converse-embedded-chat .icon-key-2:before,
-#conversejs .icon-key-2:before {
-  content: "\e029"; }
 #converse-embedded-chat .icon-key:before,
 #conversejs .icon-key:before {
   content: "\e028"; }
 #converse-embedded-chat .icon-legal:before,
 #conversejs .icon-legal:before {
   content: "\f0e3"; }
-#converse-embedded-chat .icon-lock:before,
-#conversejs .icon-lock:before {
+#converse-embedded-chat .icon-lock-2:before,
+#conversejs .icon-lock-2:before {
   content: "\e027"; }
-#converse-embedded-chat .icon-logout:before,
-#conversejs .icon-logout:before {
-  content: "\e601"; }
-#converse-embedded-chat .icon-leave:before,
-#conversejs .icon-leave:before {
-  content: "\e601"; }
 #converse-embedded-chat .icon-minus:before,
 #conversejs .icon-minus:before {
   content: "\e05a"; }
 #converse-embedded-chat .icon-music:before,
 #conversejs .icon-music:before {
   content: "\266b"; }
-#converse-embedded-chat .icon-new-tab:before,
-#conversejs .icon-new-tab:before {
+#converse-embedded-chat .icon-newtab:before,
+#conversejs .icon-newtab:before {
   content: "\e053"; }
-#converse-embedded-chat .icon-newspaper:before,
-#conversejs .icon-newspaper:before {
-  content: "\e001"; }
 #converse-embedded-chat .icon-notebook:before,
 #conversejs .icon-notebook:before {
   content: "\2710"; }
@@ -197,6 +170,9 @@
 #converse-embedded-chat .icon-offline:before,
 #conversejs .icon-offline:before {
   content: "\e002"; }
+#converse-embedded-chat .icon-logout:before,
+#conversejs .icon-logout:before {
+  content: "\e002"; }
 #converse-embedded-chat .icon-online:before,
 #conversejs .icon-online:before {
   content: "\25fc"; }
@@ -212,9 +188,6 @@
 #converse-embedded-chat .icon-phone:before,
 #conversejs .icon-phone:before {
   content: "\260f"; }
-#converse-embedded-chat .icon-play:before,
-#conversejs .icon-play:before {
-  content: "\25d9"; }
 #converse-embedded-chat .icon-plus:before,
 #conversejs .icon-plus:before {
   content: "\271a"; }
@@ -224,33 +197,21 @@
 #converse-embedded-chat .icon-quotes-left:before,
 #conversejs .icon-quotes-left:before {
   content: "\e01d"; }
-#converse-embedded-chat .icon-radio-checked:before,
-#conversejs .icon-radio-checked:before {
-  content: "\2b26"; }
-#converse-embedded-chat .icon-radio-unchecked:before,
-#conversejs .icon-radio-unchecked:before {
-  content: "\2b25"; }
+#converse-embedded-chat .icon-reddit:before,
+#conversejs .icon-reddit:before {
+  content: "\eac6"; }
 #converse-embedded-chat .icon-remove:before,
 #conversejs .icon-remove:before {
-  content: "\2715"; }
-#converse-embedded-chat .icon-trash:before,
-#conversejs .icon-trash:before {
   content: "\e02d"; }
 #converse-embedded-chat .icon-room-info:before,
 #conversejs .icon-room-info:before {
   content: "\e059"; }
-#converse-embedded-chat .icon-sad:before,
-#conversejs .icon-sad:before {
-  content: "\2639"; }
 #converse-embedded-chat .icon-save:before,
 #conversejs .icon-save:before {
   content: "\f0c7"; }
 #converse-embedded-chat .icon-search:before,
 #conversejs .icon-search:before {
   content: "\e021"; }
-#converse-embedded-chat .icon-shocked:before,
-#conversejs .icon-shocked:before {
-  content: "\2364"; }
 #converse-embedded-chat .icon-show-users:before,
 #conversejs .icon-show-users:before {
   content: "\e01e"; }
@@ -266,18 +227,19 @@
 #converse-embedded-chat .icon-spinner:before,
 #conversejs .icon-spinner:before {
   content: "\231b"; }
+#converse-embedded-chat .icon-star:before,
+#conversejs .icon-star:before {
+  content: "\f005"; }
+#converse-embedded-chat .icon-star_empty:before,
+#conversejs .icon-star_empty:before {
+  content: "\f006"; }
 #converse-embedded-chat .icon-strikethrough:before,
 #conversejs .icon-strikethrough:before {
   content: "\e050"; }
-#converse-embedded-chat .icon-thumbs-up:before,
-#conversejs .icon-thumbs-up:before {
-  content: "\261d"; }
-#converse-embedded-chat .icon-tongue:before,
-#conversejs .icon-tongue:before {
-  content: "\e038"; }
-#converse-embedded-chat .icon-unavailable:before,
+#converse-embedded-chat .icon-twitter:before,
+#conversejs .icon-twitter:before {
+  content: "\ea96"; }
 #converse-embedded-chat .icon-underline:before,
-#conversejs .icon-unavailable:before,
 #conversejs .icon-underline:before {
   content: "\e04e"; }
 #converse-embedded-chat .icon-unlocked:before,
@@ -292,26 +254,17 @@
 #converse-embedded-chat .icon-warning:before,
 #conversejs .icon-warning:before {
   content: "\26a0"; }
-#converse-embedded-chat .icon-wink:before,
-#conversejs .icon-wink:before {
-  content: "\e03a"; }
-#converse-embedded-chat .icon-wondering:before,
-#conversejs .icon-wondering:before {
-  content: "\2369"; }
 #converse-embedded-chat .icon-wrench:before,
 #conversejs .icon-wrench:before {
   content: "\e024"; }
 #converse-embedded-chat .icon-xa:before,
 #conversejs .icon-xa:before {
   content: "\e602"; }
-#converse-embedded-chat .icon-youtube:before,
-#conversejs .icon-youtube:before {
-  content: "\e055"; }
-#converse-embedded-chat .icon-zoom-in:before,
-#conversejs .icon-zoom-in:before {
+#converse-embedded-chat .icon-zoomin:before,
+#conversejs .icon-zoomin:before {
   content: "\e02b"; }
-#converse-embedded-chat .icon-zoom-out:before,
-#conversejs .icon-zoom-out:before {
+#converse-embedded-chat .icon-zoomout:before,
+#conversejs .icon-zoomout:before {
   content: "\e02a"; }
 #converse-embedded-chat [data-icon]:before,
 #conversejs [data-icon]:before {
@@ -2570,6 +2523,8 @@ body {
         margin: 0;
         padding: 0;
         color: #A8ABA1; }
+        #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact:before {
+          font-size: 16px; }
         #conversejs #converse-roster .roster-contacts dd a.remove-xmpp-contact:hover {
           color: #818479; }
   #conversejs #converse-roster span.pending-contact-name {

fonticons/Read Me.txt

@@ -9,7 +9,7 @@
     <link rel="stylesheet" href="style.css"></head>
 <body>
     <div class="bgc1 clearfix">
-        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;84)</small></h1>
+        <h1 class="mhmm mvm"><span class="fgc1">Font Name:</span> icomoon <small class="fgc1">(Glyphs:&nbsp;76)</small></h1>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: Unknown</h1>
@@ -141,6 +141,86 @@
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
         </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-envelope">
+                
+                </span>
+                <span class="mls"> icon-envelope</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="f003" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xf003;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-false">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-heart2">
+                
+                </span>
+                <span class="mls"> icon-heart2</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="f004" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xf004;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-false">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star">
+                
+                </span>
+                <span class="mls"> icon-star</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="f005" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xf005;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-false">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-star_empty">
+                
+                </span>
+                <span class="mls"> icon-star_empty</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="f006" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xf006;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-false">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
+        <div class="glyph fs1">
+            <div class="clearfix bshadow0 pbs">
+                <span class="icon-heart_empty">
+                
+                </span>
+                <span class="mls"> icon-heart_empty</span>
+            </div>
+            <fieldset class="fs0 size1of1 clearfix hidden-false">
+                <input type="text" readonly value="f08a" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xf08a;" class="unitRight size1of2 talign-right" />
+            </fieldset>
+            <div class="fs0 bshadow0 clearfix hidden-false">
+                <span class="unit pvs fgc1">liga: </span>
+                <input type="text" readonly value="" class="liga unitRight" />
+            </div>
+        </div>
     </div>
     <div class="clearfix mhl ptl">
         <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
@@ -768,22 +848,6 @@
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
         </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-thumbs-up">
-                
-                </span>
-                <span class="mls"> icon-thumbs-up</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="261d" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x261d;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
                 <span class="icon-smiley">
@@ -800,166 +864,6 @@
                 <input type="text" readonly value="" class="liga unitRight" />
             </div>
         </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-tongue">
-                
-                </span>
-                <span class="mls"> icon-tongue</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e038" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe038;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-sad">
-                
-                </span>
-                <span class="mls"> icon-sad</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2639" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2639;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-wink">
-                
-                </span>
-                <span class="mls"> icon-wink</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e03a" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe03a;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-wondering">
-                
-                </span>
-                <span class="mls"> icon-wondering</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2369" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2369;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-confused">
-                
-                </span>
-                <span class="mls"> icon-confused</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2368" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2368;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-shocked">
-                
-                </span>
-                <span class="mls"> icon-shocked</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2364" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2364;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-evil">
-                
-                </span>
-                <span class="mls"> icon-evil</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="261f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x261f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-angry">
-                
-                </span>
-                <span class="mls"> icon-angry</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e03f" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe03f;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-cool">
-                
-                </span>
-                <span class="mls"> icon-cool</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e040" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe040;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-grin">
-                
-                </span>
-                <span class="mls"> icon-grin</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e041" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe041;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
                 <span class="icon-info">
@@ -1186,46 +1090,14 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-checkbox-checked">
-                
-                </span>
-                <span class="mls"> icon-checkbox-checked</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2611" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2611;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-checkbox-unchecked">
-                
-                </span>
-                <span class="mls"> icon-checkbox-unchecked</span>
-            </div>
-            <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2b27" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2b27;" class="unitRight size1of2 talign-right" />
-            </fieldset>
-            <div class="fs0 bshadow0 clearfix hidden-false">
-                <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
-            </div>
-        </div>
-        <div class="glyph fs2">
-            <div class="clearfix bshadow0 pbs">
-                <span class="icon-checkbox-partial">
+                <span class="icon-room-info">
                 
                 </span>
-                <span class="mls"> icon-checkbox-partial</span>
+                <span class="mls"> icon-room-info</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2b28" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2b28;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e059" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe059;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
@@ -1234,14 +1106,14 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-radio-checked">
+                <span class="icon-image">
                 
                 </span>
-                <span class="mls"> icon-radio-checked</span>
+                <span class="mls"> icon-image</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2b26" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2b26;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="2b14" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#x2b14;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
@@ -1250,14 +1122,14 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-radio-unchecked">
+                <span class="icon-offline">
                 
                 </span>
-                <span class="mls"> icon-radio-unchecked</span>
+                <span class="mls"> icon-offline</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2b25" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2b25;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e002" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe002;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
@@ -1266,14 +1138,14 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-room-info">
+                <span class="icon-busy">
                 
                 </span>
-                <span class="mls"> icon-room-info</span>
+                <span class="mls"> icon-busy</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e059" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe059;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e004" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe004;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
@@ -1282,14 +1154,14 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-newspaper">
+                <span class="icon-exit">
                 
                 </span>
-                <span class="mls"> icon-newspaper</span>
+                <span class="mls"> icon-exit</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e001" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe001;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="e601" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
@@ -1298,66 +1170,66 @@
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-image">
+                <span class="icon-google2">
                 
                 </span>
-                <span class="mls"> icon-image</span>
+                <span class="mls"> icon-google2</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="2b14" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#x2b14;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="ea89" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea89;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
+                <input type="text" readonly value="google2, brand3" class="liga unitRight" />
             </div>
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-offline">
+                <span class="icon-twitter">
                 
                 </span>
-                <span class="mls"> icon-offline</span>
+                <span class="mls"> icon-twitter</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e002" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe002;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="ea96" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xea96;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
+                <input type="text" readonly value="twitter, brand16" class="liga unitRight" />
             </div>
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-busy">
+                <span class="icon-github">
                 
                 </span>
-                <span class="mls"> icon-busy</span>
+                <span class="mls"> icon-github</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e004" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe004;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="eab0" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xeab0;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
+                <input type="text" readonly value="github, brand40" class="liga unitRight" />
             </div>
         </div>
         <div class="glyph fs2">
             <div class="clearfix bshadow0 pbs">
-                <span class="icon-exit">
+                <span class="icon-reddit">
                 
                 </span>
-                <span class="mls"> icon-exit</span>
+                <span class="mls"> icon-reddit</span>
             </div>
             <fieldset class="fs0 size1of1 clearfix hidden-false">
-                <input type="text" readonly value="e601" class="unit size1of2" />
-                <input type="text" maxlength="1" readonly value="&#xe601;" class="unitRight size1of2 talign-right" />
+                <input type="text" readonly value="eac6" class="unit size1of2" />
+                <input type="text" maxlength="1" readonly value="&#xeac6;" class="unitRight size1of2 talign-right" />
             </fieldset>
             <div class="fs0 bshadow0 clearfix hidden-false">
                 <span class="unit pvs fgc1">liga: </span>
-                <input type="text" readonly value="" class="liga unitRight" />
+                <input type="text" readonly value="reddit, brand61" class="liga unitRight" />
             </div>
         </div>
     </div>
@@ -1371,15 +1243,15 @@
             px
         </label>
         <input id="testText" type="text" class="phl size1of1 mvl"
-        placeholder="Type some text to test..." value=""/>
-        <div id="testDrive" class="icon-">&nbsp;
+        placeholder="Type some text to test..." value="google2 brand3 twitter brand16 github brand40 reddit brand61"/>
+        <div id="testDrive" class="icon-">google2 brand3 twitter brand16 github brand40 reddit brand61&nbsp;
         </div>
     </div>
     <!--<![endif]-->
     <div class="bgc1 clearfix">
         <p class="mhl">Generated by <a href="https://icomoon.io/app">IcoMoon</a></p>
     </div>
-
+    <script src="liga.js"></script>
     <script src="demo-files/demo.js"></script>
 </body>
 </html>

fonticons/style.css

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icomoon';
-  src:  url('fonts/icomoon.eot?uikzla');
-  src:  url('fonts/icomoon.eot?uikzla#iefix') format('embedded-opentype'),
-    url('fonts/icomoon.ttf?uikzla') format('truetype'),
-    url('fonts/icomoon.woff?uikzla') format('woff'),
-    url('fonts/icomoon.svg?uikzla#icomoon') format('svg');
+  src:  url('fonts/icomoon.eot?hbusyn');
+  src:  url('fonts/icomoon.eot?hbusyn#iefix') format('embedded-opentype'),
+    url('fonts/icomoon.ttf?hbusyn') format('truetype'),
+    url('fonts/icomoon.woff?hbusyn') format('woff'),
+    url('fonts/icomoon.svg?hbusyn#icomoon') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -18,261 +18,95 @@
   font-variant: normal;
   text-transform: none;
   line-height: 1;
+  
+  /* Enable Ligatures ================ */
+  letter-spacing: 0;
+  -webkit-font-feature-settings: "liga";
+  -moz-font-feature-settings: "liga=1";
+  -moz-font-feature-settings: "liga";
+  -ms-font-feature-settings: "liga" 1;
+  font-feature-settings: "liga";
+  -webkit-font-variant-ligatures: discretionary-ligatures;
+  font-variant-ligatures: discretionary-ligatures;
 
   /* Better Font Rendering =========== */
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
-.icon-save:before {
-  content: "\f0c7";
-}
-.icon-idcard-dark:before {
-  content: "\f2c2";
-}
-.icon-idcard:before {
-  content: "\f2c3";
-}
-.icon-snowflake:before {
-  content: "\f2dc";
-}
-.icon-globe:before {
-  content: "\f0ac";
-}
-.icon-legal:before {
-  content: "\f0e3";
-}
-.icon-group:before {
-  content: "\f0c0";
-}
-.icon-database:before {
-  content: "\f1c0";
-}
-.icon-xa:before {
-  content: "\e602";
-}
-.icon-conversejs:before {
-  content: "\e600";
-}
-.icon-closed:before {
-  content: "\25ba";
-}
-.icon-opened:before {
-  content: "\25bc";
-}
-.icon-checkmark:before {
-  content: "\2713";
-}
-.icon-home:before {
-  content: "\e000";
-}
-.icon-pencil:before {
-  content: "\270e";
-}
-.icon-music:before {
-  content: "\266b";
-}
-.icon-phone:before {
-  content: "\260f";
-}
-.icon-phone-hang-up:before {
-  content: "\260e";
-}
-.icon-address-book:before {
-  content: "\270f";
-}
-.icon-notebook:before {
-  content: "\2710";
-}
-.icon-pushpin:before {
-  content: "\e012";
-}
-.icon-online:before {
-  content: "\25fc";
-}
-.icon-away:before {
-  content: "\25fb";
-}
-.icon-bubbles:before {
-  content: "\e015";
-}
-.icon-bubbles2:before {
-  content: "\e016";
-}
-.icon-bubbles3:before {
-  content: "\e017";
-}
-.icon-user:before {
-  content: "\e01a";
-}
-.icon-hide-users:before {
-  content: "\e01c";
-}
-.icon-show-users:before {
-  content: "\e01e";
-}
-.icon-users:before {
-  content: "\e01b";
-}
-.icon-quotes-left:before {
-  content: "\e01d";
-}
-.icon-spinner:before {
-  content: "\231b";
-}
-.icon-search:before {
-  content: "\e021";
-}
-.icon-cogs:before {
-  content: "\e022";
-}
-.icon-wrench:before {
-  content: "\e024";
-}
-.icon-unlocked:before {
-  content: "\e025";
-}
-.icon-lock-2:before {
-  content: "\e027";
-}
-.icon-key:before {
-  content: "\e028";
-}
-.icon-zoomout:before {
-  content: "\e02a";
-}
-.icon-zoomin:before {
-  content: "\e02b";
-}
-.icon-cog:before {
-  content: "\e02f";
-}
-.icon-remove:before {
-  content: "\e02d";
-}
-.icon-eye:before {
-  content: "\e030";
-}
-.icon-eye-blocked:before {
-  content: "\e031";
-}
-.icon-attachment:before {
-  content: "\e032";
-}
-.icon-heart:before {
-  content: "\2764";
-}
-.icon-happy:before {
-  content: "\263b";
-}
-.icon-thumbs-up:before {
-  content: "\261d";
-}
-.icon-smiley:before {
-  content: "\263a";
-}
-.icon-tongue:before {
-  content: "\e038";
-}
-.icon-sad:before {
-  content: "\2639";
-}
-.icon-wink:before {
-  content: "\e03a";
-}
-.icon-wondering:before {
-  content: "\2369";
-}
-.icon-confused:before {
-  content: "\2368";
-}
-.icon-shocked:before {
-  content: "\2364";
-}
-.icon-evil:before {
-  content: "\261f";
-}
-.icon-angry:before {
-  content: "\e03f";
-}
-.icon-cool:before {
-  content: "\e040";
-}
-.icon-grin:before {
-  content: "\e041";
-}
-.icon-info:before {
-  content: "\2360";
-}
-.icon-notification:before {
-  content: "\e01f";
-}
-.icon-warning:before {
-  content: "\26a0";
-}
-.icon-spell-check:before {
-  content: "\e045";
-}
-.icon-bold:before {
-  content: "\e04d";
-}
-.icon-underline:before {
-  content: "\e04e";
-}
-.icon-italic:before {
-  content: "\e04f";
-}
-.icon-strikethrough:before {
-  content: "\e050";
-}
-.icon-newtab:before {
-  content: "\e053";
-}
-.icon-close:before {
-  content: "\2715";
-}
-.icon-blocked:before {
-  content: "\2718";
-}
-.icon-cancel-circle:before {
-  content: "\e058";
-}
-.icon-minus:before {
-  content: "\e05a";
-}
-.icon-plus:before {
-  content: "\271a";
-}
-.icon-checkbox-checked:before {
-  content: "\2611";
-}
-.icon-checkbox-unchecked:before {
-  content: "\2b27";
-}
-.icon-checkbox-partial:before {
-  content: "\2b28";
-}
-.icon-radio-checked:before {
-  content: "\2b26";
-}
-.icon-radio-unchecked:before {
-  content: "\2b25";
-}
-.icon-room-info:before {
-  content: "\e059";
-}
-.icon-newspaper:before {
-  content: "\e001";
-}
-.icon-image:before {
-  content: "\2b14";
-}
-.icon-offline:before {
-  content: "\e002";
-}
-.icon-busy:before {
-  content: "\e004";
-}
-.icon-exit:before {
-  content: "\e601";
-}
+.icon-address-book:before 	{ content: "\270f"; }
+.icon-attachment:before 	{ content: "\e032"; }
+.icon-away:before 		    { content: "\25fb"; }
+.icon-blocked:before 		{ content: "\2718"; }
+.icon-bold:before 		    { content: "\e04d"; }
+.icon-bubbles2:before 		{ content: "\e016"; }
+.icon-bubbles3:before 		{ content: "\e017"; }
+.icon-bubbles:before 		{ content: "\e015"; }
+.icon-busy:before 		    { content: "\e004"; }
+.icon-cancel-circle:before 	{ content: "\e058"; }
+.icon-checkmark:before 		{ content: "\2713"; }
+.icon-close:before 		    { content: "\2715"; }
+.icon-closed:before 		{ content: "\25ba"; }
+.icon-cog:before 		    { content: "\e02f"; }
+.icon-cogs:before 		    { content: "\e022"; }
+.icon-conversejs:before 	{ content: "\e600"; }
+.icon-database:before 		{ content: "\f1c0"; }
+.icon-envelope:before 		{ content: "\f003"; }
+.icon-exit:before 		    { content: "\e601"; }
+.icon-eye-blocked:before 	{ content: "\e031"; }
+.icon-eye:before 		    { content: "\e030"; }
+.icon-github:before 		{ content: "\eab0"; }
+.icon-globe:before 		    { content: "\f0ac"; }
+.icon-google2:before 		{ content: "\ea89"; }
+.icon-group:before 		    { content: "\f0c0"; }
+.icon-happy:before 		    { content: "\263b"; }
+.icon-heart2:before 		{ content: "\f004"; }
+.icon-heart:before 		    { content: "\2764"; }
+.icon-heart_empty:before 	{ content: "\f08a"; }
+.icon-hide-users:before 	{ content: "\e01c"; }
+.icon-home:before 		    { content: "\e000"; }
+.icon-idcard-dark:before 	{ content: "\f2c2"; }
+.icon-idcard:before 		{ content: "\f2c3"; }
+.icon-image:before 		    { content: "\2b14"; }
+.icon-info:before 		    { content: "\2360"; }
+.icon-italic:before 		{ content: "\e04f"; }
+.icon-key:before 		    { content: "\e028"; }
+.icon-legal:before 		    { content: "\f0e3"; }
+.icon-lock-2:before 		{ content: "\e027"; }
+.icon-minus:before 		    { content: "\e05a"; }
+.icon-music:before 		    { content: "\266b"; }
+.icon-newtab:before 		{ content: "\e053"; }
+.icon-notebook:before 		{ content: "\2710"; }
+.icon-notification:before 	{ content: "\e01f"; }
+.icon-offline:before 		{ content: "\e002"; }
+.icon-online:before 		{ content: "\25fc"; }
+.icon-opened:before 		{ content: "\25bc"; }
+.icon-pencil:before 		{ content: "\270e"; }
+.icon-phone-hang-up:before 	{ content: "\260e"; }
+.icon-phone:before 		    { content: "\260f"; }
+.icon-plus:before 		    { content: "\271a"; }
+.icon-pushpin:before 		{ content: "\e012"; }
+.icon-quotes-left:before 	{ content: "\e01d"; }
+.icon-reddit:before 		{ content: "\eac6"; }
+.icon-remove:before 		{ content: "\e02d"; }
+.icon-room-info:before 		{ content: "\e059"; }
+.icon-save:before 		    { content: "\f0c7"; }
+.icon-search:before 		{ content: "\e021"; }
+.icon-show-users:before 	{ content: "\e01e"; }
+.icon-smiley:before 		{ content: "\263a"; }
+.icon-snowflake:before 		{ content: "\f2dc"; }
+.icon-spell-check:before 	{ content: "\e045"; }
+.icon-spinner:before 		{ content: "\231b"; }
+.icon-star:before 		    { content: "\f005"; }
+.icon-star_empty:before 	{ content: "\f006"; }
+.icon-strikethrough:before 	{ content: "\e050"; }
+.icon-twitter:before 		{ content: "\ea96"; }
+.icon-underline:before 		{ content: "\e04e"; }
+.icon-unlocked:before 		{ content: "\e025"; }
+.icon-user:before 		    { content: "\e01a"; }
+.icon-users:before 		    { content: "\e01b"; }
+.icon-warning:before 		{ content: "\26a0"; }
+.icon-wrench:before 		{ content: "\e024"; }
+.icon-xa:before 		    { content: "\e602"; }
+.icon-zoomin:before 		{ content: "\e02b"; }
+.icon-zoomout:before 		{ content: "\e02a"; }

sass/_fonts.scss

@@ -29,100 +29,84 @@
 
 #converse-embedded-chat,
 #conversejs {
-    .icon-address-book:before       { content: "\270f"; }
-    .icon-angry:before              { content: "\e03f"; }
-    .icon-attachment:before         { content: "\e032"; }
-    .icon-away:before               { content: "\25fb"; }
-    .icon-blocked:before            { content: "\2718"; }
-    .icon-bold:before               { content: "\e04d"; }
-    .icon-bubbles-2:before          { content: "\e016"; }
-    .icon-bubbles-3:before          { content: "\e017"; }
-    .icon-bubbles:before            { content: "\e015"; }
-    .icon-camera-2:before           { content: "\2616"; }
-    .icon-camera:before             { content: "\e003"; }
-    .icon-cancel-circle:before      { content: "\e058"; }
-    .icon-chat:before               { content: "\25fc"; }
-    .icon-checkbox-checked:before   { content: "\2611"; }
-    .icon-checkbox-partial:before   { content: "\2b28"; }
-    .icon-checkbox-unchecked:before { content: "\2b27"; }
-    .icon-checkmark:before          { content: "\2713"; }
-    .icon-close:before              { content: "\2715"; }
-    .icon-closed:before             { content: "\25ba"; }
-    .icon-cog:before                { content: "\e02f"; }
-    .icon-cogs:before               { content: "\e022"; }
-    .icon-confused:before           { content: "\2368"; }
-    .icon-cool:before               { content: "\e040"; }
-    .icon-database:before           { content: "\f1c0"; }
-    .icon-dnd:before                { content: "\e004"; }
-    .icon-envelop:before            { content: "\2709"; }
-    .icon-evil:before               { content: "\261f"; }
-    .icon-eye-blocked:before        { content: "\e031"; }
-    .icon-eye:before                { content: "\e030"; }
-    .icon-globe:before              { content: "\f0ac"; }
-    .icon-grin:before               { content: "\e041"; }
-    .icon-happy:before              { content: "\263b"; }
-    .icon-headphones:before         { content: "\266c"; }
-    .icon-heart:before              { content: "\2764"; }
-    .icon-hide-users:before         { content: "\e01c"; }
-    .icon-home:before               { content: "\e000"; }
-    .icon-idcard-dark:before        { content: "\f2c2"; }
-    .icon-idcard:before             { content: "\f2c3"; }
-    .icon-image:before              { content: "\2b14"; }
-    .icon-info-2:before             { content: "i"; }
-    .icon-info:before               { content: "\2360"; }
-    .icon-italic:before             { content: "\e04f"; }
-    .icon-key-2:before              { content: "\e029"; }
-    .icon-key:before                { content: "\e028"; }
-    .icon-legal:before              { content: "\f0e3"; }
-    .icon-lock:before               { content: "\e027"; }
-    .icon-logout:before             { content: "\e601"; }
-    .icon-leave:before              { content: "\e601"; }
-    .icon-minus:before              { content: "\e05a"; }
-    .icon-music:before              { content: "\266b"; }
-    .icon-new-tab:before            { content: "\e053"; }
-    .icon-newspaper:before          { content: "\e001"; }
-    .icon-notebook:before           { content: "\2710"; }
-    .icon-notification:before       { content: "\e01f"; }
-    .icon-offline:before            { content: "\e002"; }
-    .icon-online:before             { content: "\25fc"; }
-    .icon-opened:before             { content: "\25bc"; }
-    .icon-pencil:before             { content: "\270e"; }
-    .icon-phone-hang-up:before      { content: "\260e"; }
-    .icon-phone:before              { content: "\260f"; }
-    .icon-play:before               { content: "\25d9"; }
-    .icon-plus:before               { content: "\271a"; }
-    .icon-pushpin:before            { content: "\e012"; }
-    .icon-quotes-left:before        { content: "\e01d"; }
-    .icon-radio-checked:before      { content: "\2b26"; }
-    .icon-radio-unchecked:before    { content: "\2b25"; }
-    .icon-remove:before             { content: "\2715"; }
-    .icon-trash:before              { content: "\e02d"; }
-    .icon-room-info:before          { content: "\e059"; }
-    .icon-sad:before                { content: "\2639"; }
-    .icon-save:before               { content: "\f0c7"; }
-    .icon-search:before             { content: "\e021"; }
-    .icon-shocked:before            { content: "\2364"; }
-    .icon-show-users:before         { content: "\e01e"; }
-    .icon-smiley:before             { content: "\263a"; }
-    .icon-snowflake:before          { content: "\f2dc"; }
-    .icon-spell-check:before        { content: "\e045"; }
-    .icon-spinner:before            { content: "\231b"; }
-    .icon-strikethrough:before      { content: "\e050"; }
-    .icon-thumbs-up:before          { content: "\261d"; }
-    .icon-tongue:before             { content: "\e038"; }
-    .icon-unavailable:before,
-    .icon-underline:before          { content: "\e04e"; }
-    .icon-unlocked:before           { content: "\e025"; }
-    .icon-user:before               { content: "\e01a"; }
-    .icon-users:before              { content: "\e01b"; }
-    .icon-warning:before            { content: "\26a0"; }
-    .icon-wink:before               { content: "\e03a"; }
-    .icon-wondering:before          { content: "\2369"; }
-    .icon-wrench:before             { content: "\e024"; }
-    .icon-xa:before                 { content: "\e602"; }
-    .icon-youtube:before            { content: "\e055"; }
-    .icon-zoom-in:before            { content: "\e02b"; }
-    .icon-zoom-out:before           { content: "\e02a"; }
+    .icon-address-book:before 	{ content: "\270f"; }
+    .icon-attachment:before 	{ content: "\e032"; }
+    .icon-away:before 		    { content: "\25fb"; }
+    .icon-blocked:before 		{ content: "\2718"; }
+    .icon-bold:before 		    { content: "\e04d"; }
+    .icon-bubbles2:before 		{ content: "\e016"; }
+    .icon-bubbles3:before 		{ content: "\e017"; }
+    .icon-bubbles:before 		{ content: "\e015"; }
+    .icon-busy:before 		    { content: "\e004"; }
+    .icon-dnd:before 		    { content: "\e004"; }
+    .icon-cancel-circle:before 	{ content: "\e058"; }
+    .icon-checkmark:before 		{ content: "\2713"; }
+    .icon-close:before 		    { content: "\2715"; }
+    .icon-closed:before 		{ content: "\25ba"; }
+    .icon-cog:before 		    { content: "\e02f"; }
+    .icon-cogs:before 		    { content: "\e022"; }
+    .icon-conversejs:before 	{ content: "\e600"; }
+    .icon-database:before 		{ content: "\f1c0"; }
+    .icon-envelope:before 		{ content: "\f003"; }
+    .icon-exit:before 		    { content: "\e601"; }
+    .icon-eye-blocked:before 	{ content: "\e031"; }
+    .icon-eye:before 		    { content: "\e030"; }
+    .icon-github:before 		{ content: "\eab0"; }
+    .icon-globe:before 		    { content: "\f0ac"; }
+    .icon-google2:before 		{ content: "\ea89"; }
+    .icon-group:before 		    { content: "\f0c0"; }
+    .icon-happy:before 		    { content: "\263b"; }
+    .icon-heart2:before 		{ content: "\f004"; }
+    .icon-heart:before 		    { content: "\2764"; }
+    .icon-heart_empty:before 	{ content: "\f08a"; }
+    .icon-hide-users:before 	{ content: "\e01c"; }
+    .icon-home:before 		    { content: "\e000"; }
+    .icon-idcard-dark:before 	{ content: "\f2c2"; }
+    .icon-idcard:before 		{ content: "\f2c3"; }
+    .icon-image:before 		    { content: "\2b14"; }
+    .icon-info:before 		    { content: "\2360"; }
+    .icon-italic:before 		{ content: "\e04f"; }
+    .icon-key:before 		    { content: "\e028"; }
+    .icon-legal:before 		    { content: "\f0e3"; }
+    .icon-lock-2:before 		{ content: "\e027"; }
+    .icon-minus:before 		    { content: "\e05a"; }
+    .icon-music:before 		    { content: "\266b"; }
+    .icon-newtab:before 		{ content: "\e053"; }
+    .icon-notebook:before 		{ content: "\2710"; }
+    .icon-notification:before 	{ content: "\e01f"; }
+    .icon-offline:before 		{ content: "\e002"; }
+    .icon-logout:before	        { content: "\e002"; }
+    .icon-online:before 		{ content: "\25fc"; }
+    .icon-opened:before 		{ content: "\25bc"; }
+    .icon-pencil:before 		{ content: "\270e"; }
+    .icon-phone-hang-up:before 	{ content: "\260e"; }
+    .icon-phone:before 		    { content: "\260f"; }
+    .icon-plus:before 		    { content: "\271a"; }
+    .icon-pushpin:before 		{ content: "\e012"; }
+    .icon-quotes-left:before 	{ content: "\e01d"; }
+    .icon-reddit:before 		{ content: "\eac6"; }
+    .icon-remove:before 		{ content: "\e02d"; }
+    .icon-room-info:before 		{ content: "\e059"; }
+    .icon-save:before 		    { content: "\f0c7"; }
+    .icon-search:before 		{ content: "\e021"; }
+    .icon-show-users:before 	{ content: "\e01e"; }
+    .icon-smiley:before 		{ content: "\263a"; }
+    .icon-snowflake:before 		{ content: "\f2dc"; }
+    .icon-spell-check:before 	{ content: "\e045"; }
+    .icon-spinner:before 		{ content: "\231b"; }
+    .icon-star:before 		    { content: "\f005"; }
+    .icon-star_empty:before 	{ content: "\f006"; }
+    .icon-strikethrough:before 	{ content: "\e050"; }
+    .icon-twitter:before 		{ content: "\ea96"; }
+    .icon-underline:before 		{ content: "\e04e"; }
+    .icon-unlocked:before 		{ content: "\e025"; }
+    .icon-user:before 		    { content: "\e01a"; }
+    .icon-users:before 		    { content: "\e01b"; }
+    .icon-warning:before 		{ content: "\26a0"; }
+    .icon-wrench:before 		{ content: "\e024"; }
+    .icon-xa:before 		    { content: "\e602"; }
+    .icon-zoomin:before 		{ content: "\e02b"; }
+    .icon-zoomout:before 		{ content: "\e02a"; }
 
     [data-icon]:before {
         content: attr(data-icon);

sass/_roster.scss

@@ -203,6 +203,9 @@
                     margin: 0;
                     padding: 0;
                     color: $subdued-color;
+                    &:before {
+                        font-size: $font-size;
+                    }
                     &:hover {
                         color: $gray-color;
                     }