diff --git a/app/store/NavigationTree.js b/app/store/NavigationTree.js
index f2602267..86e7483e 100644
--- a/app/store/NavigationTree.js
+++ b/app/store/NavigationTree.js
@@ -11,7 +11,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
         expanded: true,
         children: [{
             text: 'Conversations',
-            iconCls: 'x-fa fa-phone',
+            iconCls: Ngcp.csc.icons.phone,
             viewType: 'conversations',
             routeId: 'inbox',
             acl: ['administrator', 'restricted'], //TODO define real roles, which should be delivered along with user info after successfull login
@@ -26,21 +26,21 @@ Ext.define('NgcpCsc.store.NavigationTree', {
             leaf: true
         }, {
             text: 'Addressbook',
-            iconCls: 'x-fa fa-book',
+            iconCls: Ngcp.csc.icons.book,
             viewType: 'addressbook',
             routeId: 'addressbook',
             acl: ['administrator'],
             leaf: true
         }, {
             text: 'Call Forward',
-            iconCls: 'x-fa fa-angle-double-right',
+            iconCls: Ngcp.csc.icons.doubleangleright,
             viewType: 'callforward',
             routeId: 'callforward',
             acl: ['administrator'],
             leaf: true
         }, {
             text: 'Call Blocking',
-            iconCls: 'x-fa fa-ban',
+            iconCls: Ngcp.csc.icons.block,
             routeId: 'callblocking',
             acl: ['administrator'],
             children: [{
@@ -59,7 +59,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
                 leaf: true
             }, {
                 text: 'Privacy',
-                iconCls: 'x-fa fa-user-secret',
+                iconCls: Ngcp.csc.icons.user_secret,
                 viewType: 'privacy',
                 routeId: 'callblocking/privacy',
                 acl: ['administrator'],
@@ -67,54 +67,54 @@ Ext.define('NgcpCsc.store.NavigationTree', {
             }]
         }, {
             text: 'Reminder',
-            iconCls: 'x-fa fa-bell',
+            iconCls: Ngcp.csc.icons.bell,
             viewType: 'reminder',
             routeId: 'reminder',
             acl: ['administrator', 'restricted', 'host'],
             leaf: true
         }, {
             text: 'Password',
-            iconCls: 'x-fa fa-key',
+            iconCls: Ngcp.csc.icons.key,
             viewType: 'password',
             routeId: 'password',
             acl: ['administrator', 'restricted', 'host'],
             leaf: true
         }, {
             text: 'Theme Roller',
-            iconCls: 'x-fa fa-paint-brush',
+            iconCls: Ngcp.csc.icons.paintbrush,
             viewType: 'themeroller',
             routeId: 'themeroller',
             acl: ['administrator'],
             leaf: true
         }, {
             text: 'Pbx Config',
-            iconCls: 'x-fa fa-cog',
+            iconCls: Ngcp.csc.icons.cog,
             routeId: 'pbxconfig',
             acl: ['administrator', 'restricted', 'host'],
             children: [{
                 text: 'Seats',
-                iconCls: 'x-fa fa-home',
+                iconCls: Ngcp.csc.icons.home,
                 viewType: 'seats',
                 routeId: 'pbxconfig/seats',
                 acl: ['administrator'],
                 leaf: true
             }, {
                 text: 'Groups',
-                iconCls: 'x-fa fa-users',
+                iconCls: Ngcp.csc.icons.users,
                 viewType: 'groups',
                 routeId: 'pbxconfig/groups',
                 acl: ['administrator'],
                 leaf: true
             }, {
                 text: 'Devices',
-                iconCls: 'x-fa fa-fax',
+                iconCls: Ngcp.csc.icons.fax,
                 viewType: 'devices',
                 routeId: 'pbxconfig/devices',
                 acl: ['administrator'],
                 leaf: true
             }, {
                 text: 'Auto Attendant',
-                iconCls: 'x-fa fa-microphone',
+                iconCls: Ngcp.csc.icons.microphone,
                 viewType: 'autoattendant',
                 routeId: 'pbxconfig/autoattendant',
                 acl: ['administrator', 'restricted', 'host'],
@@ -122,7 +122,7 @@ Ext.define('NgcpCsc.store.NavigationTree', {
             }]
         }, {
             text: 'Account',
-            iconCls: 'x-fa fa-desktop',
+            iconCls: Ngcp.csc.icons.desktop,
             viewType: 'account',
             routeId: 'account',
             acl: ['administrator', 'restricted', 'host'],
diff --git a/app/formatter.js b/app/utils/formatter.js
similarity index 100%
rename from app/formatter.js
rename to app/utils/formatter.js
diff --git a/app/utils/icons.js b/app/utils/icons.js
new file mode 100644
index 00000000..269e397f
--- /dev/null
+++ b/app/utils/icons.js
@@ -0,0 +1,69 @@
+/*
+Global variables to store the Font Awesome icons
+used within the application.
+Every entry should have a correspondent variable in
+./sass/var/all.scss
+*/
+Ext.define('Ngcp.csc.icons', {
+    statics: {
+        adduser: "x-fa fa-user-plus",
+        angleleft: "x-fa fa-angle-left",
+        angleright: "x-fa fa-angle-right",
+        bell: "x-fa fa-bell",
+        block: "x-fa fa-ban",
+        book: "x-fa fa-book",
+        chevronleft: "x-fa fa-chevron-left",
+        chevronight: "x-fa fa-chevron-right",
+        circle: "x-fa fa-circle",
+        cog: "x-fa fa-cog",
+        comment: "x-fa fa-comment",
+        comment2x: "x-fa fa-comment fa-2x",
+        desktop: "x-fa fa-desktop",
+        doubleangleright: "x-fa fa-angle-double-right",
+        download: "x-fa fa-download",
+        download2x: "x-fa fa-download fa-2x",
+        edit: "x-fa fa-edit",
+        edit2x: "x-fa fa-edit fa-2x",
+        envelope: "x-fa fa-envelope",
+        envelope2x: "x-fa fa-envelope fa-2x",
+        envelope_transparent: "x-fa fa-envelope-o",
+        fax: "x-fa fa-fax",
+        fax2x: "x-fa fa-fax fa-2x",
+        faxpaper: "x-fa fa-file-text",
+        faxpaper2x: "x-fa fa-file-text fa-2x",
+        faxpaper_transparent: "x-fa fa-file-text-o",
+        filter: "x-fa fa-filter",
+        folder: "x-fa fa-folder-open-o",
+        home: "x-fa fa-home",
+        key: "x-fa fa-key",
+        lock: "x-fa fa-lock",
+        microphone: "x-fa fa-microphone",
+        microphone_slash: "x-fa fa-microphone-slash",
+        menu: "x-fa fa-reorder",
+        move: "x-fa fa-arrows",
+        multichat: "x-fa fa-wechat",
+        paintbrush: "x-fa fa-paint-brush",
+        pause: "x-fa fa-pause",
+        pencil: "x-fa fa-pencil",
+        play: "x-fa fa-play",
+        play2x: "x-fa fa-play fa-2x",
+        phone: "x-fa fa-phone",
+        phone2x: "x-fa fa-phone fa-2x",
+        phone3x: "x-fa fa-phone fa-3x",
+        phonesquare: "x-fa fa-phone-square",
+        send: "x-fa fa-send",
+        send2x: "x-fa fa-send fa-2x",
+        toggle: {
+            off: 'x-fa fa-toggle-off',
+            off2x: 'x-fa fa-toggle-off fa-2x',
+            on: 'x-fa fa-toggle-on',
+            on2x: 'x-fa fa-toggle-on fa-2x'
+        },
+        trash: "x-fa fa-trash",
+        trash2x: "x-fa fa-trash fa-2x",
+        user: "x-fa fa-user",
+        users: "x-fa fa-users",
+        user_secret: "x-fa fa-user-secret",
+        video: "x-fa fa-video-camera"
+    }
+})
diff --git a/app/locales.js b/app/utils/locales.js
similarity index 100%
rename from app/locales.js
rename to app/utils/locales.js
diff --git a/classic/sass/src/view/login/Login.scss b/classic/sass/src/view/login/Login.scss
index 20bdc5cc..57579a8c 100644
--- a/classic/sass/src/view/login/Login.scss
+++ b/classic/sass/src/view/login/Login.scss
@@ -34,7 +34,7 @@
 
         &.password-trigger:before,
         &.auth-password-trigger:before {
-            content: "\f023";
+            content: $lock;
         }
         &.auth-user-trigger:before {
             content: "\f007";
diff --git a/classic/sass/src/view/pages/contacts/Contacts.scss b/classic/sass/src/view/pages/contacts/Contacts.scss
index 5371dc1e..9d71145f 100644
--- a/classic/sass/src/view/pages/contacts/Contacts.scss
+++ b/classic/sass/src/view/pages/contacts/Contacts.scss
@@ -30,7 +30,7 @@
 
             &:before {
                 font-family: FontAwesome;
-                content: "\f1f8";
+                content: $trash;
             }
         }
 
@@ -40,7 +40,7 @@
 
             &:before {
                 font-family: FontAwesome;
-                content: "\f234";
+                content: $add-user;
             }
         }
     }
diff --git a/classic/src/view/common/rtc/RtcPanel.js b/classic/src/view/common/rtc/RtcPanel.js
index e90553a6..5ad5efbc 100644
--- a/classic/src/view/common/rtc/RtcPanel.js
+++ b/classic/src/view/common/rtc/RtcPanel.js
@@ -90,14 +90,14 @@ Ext.define('NgcpCsc.view.common.rtc.RtcPanel', {
                 enableToggle: true
             },
             items: [{
-                iconCls: 'x-fa fa-phone',
+                iconCls: Ngcp.csc.icons.phone,
                 bind: {
                     pressed: '{callEnabled}',
                     userCls: '{setuserCls}'
                 },
                 handler:'toggleCall'
             }, {
-                iconCls: 'x-fa fa-microphone',
+                iconCls: Ngcp.csc.icons.microphone,
                 bind: {
                     pressed: '{micEnabled}',
                     disabled: '{!connected}',
@@ -105,7 +105,7 @@ Ext.define('NgcpCsc.view.common.rtc.RtcPanel', {
                 },
                 handler:'toggleAudioVideo'
             },{
-                iconCls: 'x-fa fa-microphone-slash',
+                iconCls: Ngcp.csc.icons.microphone_slash,
                 bind: {
                     pressed: '{micEnabled}',
                     disabled: '{!connected}',
@@ -113,15 +113,18 @@ Ext.define('NgcpCsc.view.common.rtc.RtcPanel', {
                 },
                 handler:'toggleAudioVideo'
             },  {
-                iconCls: 'x-fa fa-video-camera',
+                iconCls: Ngcp.csc.icons.video,
                 bind: {
                     pressed: '{videoEnabled}',
                     disabled: '{!connected}'
                 },
                 handler:'toggleAudioVideo'
             }, {
-                iconCls: 'x-fa fa-comment',
-                enableToggle: false,
+                iconCls: Ngcp.csc.icons.comment,
+                bind: {
+                    pressed: '{chatEnabled}',
+                    disabled: '{!connected}'
+                },
                 handler: 'toogleChat'
             }]
         }]
diff --git a/classic/src/view/common/rtc/composer/Fax.js b/classic/src/view/common/rtc/composer/Fax.js
index 1482c5a9..fc48cb8f 100644
--- a/classic/src/view/common/rtc/composer/Fax.js
+++ b/classic/src/view/common/rtc/composer/Fax.js
@@ -22,7 +22,7 @@ Ext.define('NgcpCsc.view.common.composer.Fax', {
         }, {
             xtype: 'button',
             enableToggle: true,
-            iconCls: 'x-fa fa-fax',
+            iconCls: Ngcp.csc.icons.fax,
             width: '20%',
             handler: 'showPhoneComposer'
         }]
@@ -65,8 +65,7 @@ Ext.define('NgcpCsc.view.common.composer.Fax', {
             width: 60,
             height: 60,
             margin: '50 0 10 0',
-            iconCls: 'x-fa fa-send fa-2x',
-            cls: 'rtc-icons-big',
+            iconCls: Ngcp.csc.icons.send2x,
             listeners: {
                 click: 'sendFax'
             }
diff --git a/classic/src/view/common/rtc/composer/Phone.js b/classic/src/view/common/rtc/composer/Phone.js
index 0dc735d5..1802238f 100644
--- a/classic/src/view/common/rtc/composer/Phone.js
+++ b/classic/src/view/common/rtc/composer/Phone.js
@@ -18,7 +18,7 @@ Ext.define('NgcpCsc.view.common.composer.Phone', {
         }, {
             xtype: 'button',
             enableToggle: true,
-            iconCls: 'x-fa fa-fax',
+            iconCls: Ngcp.csc.icons.fax,
             width: '20%',
             handler: 'showPhoneComposer'
         }]
@@ -40,7 +40,7 @@ Ext.define('NgcpCsc.view.common.composer.Phone', {
             width: 60,
             height: 60,
             margin: '50 0 10 0',
-            iconCls: 'x-fa fa-phone fa-3x',
+            iconCls: Ngcp.csc.icons.phone3x,
             cls: 'rtc-icons-big',
             listeners: {
                 click: {
diff --git a/classic/src/view/common/rtc/composer/Sms.js b/classic/src/view/common/rtc/composer/Sms.js
index 4a94004e..b500a825 100644
--- a/classic/src/view/common/rtc/composer/Sms.js
+++ b/classic/src/view/common/rtc/composer/Sms.js
@@ -21,7 +21,7 @@ Ext.define('NgcpCsc.view.common.composer.Sms', {
         }, {
             xtype: 'button',
             enableToggle: true,
-            iconCls: 'x-fa fa-fax',
+            iconCls: Ngcp.csc.icons.fax,
             width: '20%',
             handler: 'showPhoneComposer'
         }]
@@ -49,7 +49,7 @@ Ext.define('NgcpCsc.view.common.composer.Sms', {
             width: 60,
             height: 60,
             margin: '50 0 10 0',
-            iconCls: 'x-fa fa-send fa-2x',
+            iconCls: Ngcp.csc.icons.send2x,
             cls: 'rtc-icons-big',
             listeners: {
                 click: {
diff --git a/classic/src/view/login/Login.js b/classic/src/view/login/Login.js
index b2471971..11deda12 100644
--- a/classic/src/view/login/Login.js
+++ b/classic/src/view/login/Login.js
@@ -92,7 +92,7 @@ Ext.define('NgcpCsc.view.login.Login', {
                 width: '100%',
                 scale: 'large',
                 iconAlign: 'right',
-                iconCls: 'x-fa fa-angle-right',
+                iconCls: Ngcp.csc.icons.angleright,
                 bind: {
                     disabled: '{!authValid}'
                 },
diff --git a/classic/src/view/main/Main.js b/classic/src/view/main/Main.js
index adc26cf2..373a1bfd 100644
--- a/classic/src/view/main/Main.js
+++ b/classic/src/view/main/Main.js
@@ -75,7 +75,7 @@ Ext.define('NgcpCsc.view.main.Main', {
                         click: 'toggleFree'
                     }
                 }, {
-                    iconCls: 'x-fa fa-filter',
+                    iconCls: Ngcp.csc.icons.filter,
                     enableToggle: true,
                     tooltip: Ngcp.csc.locales.filters.tooltips.show_filter[localStorage.getItem('languageSelected')],
                     bind: {
diff --git a/classic/src/view/pages/addressbook/AddressbookController.js b/classic/src/view/pages/addressbook/AddressbookController.js
index 4141f7e3..a49406f3 100644
--- a/classic/src/view/pages/addressbook/AddressbookController.js
+++ b/classic/src/view/pages/addressbook/AddressbookController.js
@@ -46,7 +46,7 @@ Ext.define('NgcpCsc.view.pages.addressbook.AddressbookController', {
     },
 
     renderPhoneIcon: function(value, metaData) {
-        return '<div class="fa fa-phone-square pointer"></div>';
+        return '<div class="'+Ngcp.csc.icons.phone+' pointer"></div>';
     },
 
     renderToggleDetailsIcon: function(value, metaData) {
diff --git a/classic/src/view/pages/addressbook/AddressbookGrid.js b/classic/src/view/pages/addressbook/AddressbookGrid.js
index 05e700a2..02838d7e 100644
--- a/classic/src/view/pages/addressbook/AddressbookGrid.js
+++ b/classic/src/view/pages/addressbook/AddressbookGrid.js
@@ -95,10 +95,10 @@ Ext.define('NgcpCsc.view.pages.addressbook.AddressbookGrid', {
         rowBodyTpl: new Ext.XTemplate(
             '<div class="contact-wrapper">',
             '<div class="content"><b>' + Ngcp.csc.locales.addressbook.phone_numbers[localStorage.getItem('languageSelected')] + '</b>',
-            '<p><div class="short-label">' + Ngcp.csc.locales.addressbook.home[localStorage.getItem('languageSelected')] + ':</div><div>{home} <span class="fa fa-phone-square pointer"></span></div></p>',
-            '<p><div class="short-label">' + Ngcp.csc.locales.addressbook.office[localStorage.getItem('languageSelected')] + ':</div><div> {office} <span class="fa fa-phone-square pointer"></span></div></p>',
-            '<p><div class="short-label">' + Ngcp.csc.locales.addressbook.mobile[localStorage.getItem('languageSelected')] + ':</div><div> {mobile} <span class="fa fa-phone-square pointer"></span></div></p>',
-            '<p><div class="short-label">' + Ngcp.csc.locales.common.fax[localStorage.getItem('languageSelected')] + ':</div><div> {fax} <span class="fa fa-phone-square pointer"></span></div></p>',
+            '<p><div class="short-label">' + Ngcp.csc.locales.addressbook.home[localStorage.getItem('languageSelected')] + ':</div><div>{home} <span class="'+Ngcp.csc.icons.phone+' pointer"></span></div></p>',
+            '<p><div class="short-label">' + Ngcp.csc.locales.addressbook.office[localStorage.getItem('languageSelected')] + ':</div><div> {office} <span class="'+Ngcp.csc.icons.phone+'pointer"></span></div></p>',
+            '<p><div class="short-label">' + Ngcp.csc.locales.addressbook.mobile[localStorage.getItem('languageSelected')] + ':</div><div> {mobile} <span class="'+Ngcp.csc.icons.phone+' pointer"></span></div></p>',
+            '<p><div class="short-label">' + Ngcp.csc.locales.common.fax[localStorage.getItem('languageSelected')] + ':</div><div> {fax} <span class="'+Ngcp.csc.icons.phone+' pointer"></span></div></p>',
             '</div>',
             '<div class="content"><b>' + Ngcp.csc.locales.addressbook.web[localStorage.getItem('languageSelected')] + '</b>',
             '<p><div class="label">' + Ngcp.csc.locales.addressbook.e_mail[localStorage.getItem('languageSelected')] + ':</div><div> <a class="link" href="mailto:{e_mail}">{e_mail}</a></div></p>',
@@ -106,7 +106,7 @@ Ext.define('NgcpCsc.view.pages.addressbook.AddressbookGrid', {
             '</div>',
             '<div class="card-wrapper">',
             '<div class="card-icon-row">',
-            '<div id="{id}" class="card-icon" data-callback="removeContact"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>',
+            '<div id="{id}" class="card-icon" data-callback="removeContact"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>',
             '</div>',
             '</div>',
             '</div>')
diff --git a/classic/src/view/pages/callblocking/CallBlockingGrid.js b/classic/src/view/pages/callblocking/CallBlockingGrid.js
index d7b726c8..fc2c9d78 100644
--- a/classic/src/view/pages/callblocking/CallBlockingGrid.js
+++ b/classic/src/view/pages/callblocking/CallBlockingGrid.js
@@ -42,8 +42,8 @@ Ext.define('NgcpCsc.view.pages.callblocking.CallBlockingGrid', {
             ftype: 'rowbody',
             getAdditionalData: function(data, idx, record) {
                 var enabledState = data.enabled ? 'on' : 'off';
-                var enabledIcon = '<div id="enableNumberBlocking-' + record.get('id') + '" class="card-icon" data-callback="enableNumberBlocking"><i id="enableNumberBlocking" class="fa fa-toggle-' + enabledState + ' fa-2x" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.enable_or_disable[localStorage.getItem('languageSelected')] + '"></i>';
-                var deleteIcon = '<div id="deleteRecord-' + record.get('id') + '" class="card-icon" data-callback="deleteRecord"><i class="fa fa-trash fa-2x" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.delete_number[localStorage.getItem('languageSelected')] + '"></i></div>';
+                var enabledIcon = '<div id="enableNumberBlocking-' + record.get('id') + '" class="card-icon" data-callback="enableNumberBlocking"><i id="enableNumberBlocking" class="'+Ngcp.csc.icons.toggle[enabledState + '2x']+'" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.enable_or_disable[localStorage.getItem('languageSelected')] + '"></i>';
+                var deleteIcon = '<div id="deleteRecord-' + record.get('id') + '" class="card-icon" data-callback="deleteRecord"><i class="'+Ngcp.csc.icons.trash2x+'" aria-hidden="true" data-qtip="' + Ngcp.csc.locales.callblocking.delete_number[localStorage.getItem('languageSelected')] + '"></i></div>';
                 return {
                     rowBody: Ext.String.format('<div class="card-wrapper pointer" id=' + record.get('id') + '><div class="card-icon-row callblocking-footer">{0}{1}</div></div>', enabledIcon, deleteIcon)
                 };
diff --git a/classic/src/view/pages/callforward/CallForwardMainForm.js b/classic/src/view/pages/callforward/CallForwardMainForm.js
index de861f44..c2cecbc0 100644
--- a/classic/src/view/pages/callforward/CallForwardMainForm.js
+++ b/classic/src/view/pages/callforward/CallForwardMainForm.js
@@ -127,14 +127,14 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainForm', {
                 id: 'afterHoursButton',
                 reference: 'afterHoursButton',
                 text: Ngcp.csc.locales.callforward.time_two[localStorage.getItem('languageSelected')],
-                iconCls: 'x-fa fa-pencil',
+                iconCls: Ngcp.csc.icons.pencil,
                 iconAlign: 'right'
             }, {
                 value: 'companyHours',
                 id: 'companyHoursButton',
                 reference: 'companyHoursButton',
                 text: Ngcp.csc.locales.callforward.time_three[localStorage.getItem('languageSelected')],
-                iconCls: 'x-fa fa-pencil',
+                iconCls: Ngcp.csc.icons.pencil,
                 iconAlign: 'right'
             }]
         }, {
@@ -229,14 +229,14 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainForm', {
                 id: 'listAButton',
                 reference: 'listAButton',
                 text: Ngcp.csc.locales.callforward.source_two[localStorage.getItem('languageSelected')],
-                iconCls: 'x-fa fa-pencil',
+                iconCls: Ngcp.csc.icons.pencil,
                 iconAlign: 'right'
             }, {
                 value: 'listB',
                 id: 'listBButton',
                 reference: 'listBButton',
                 text: Ngcp.csc.locales.callforward.source_three[localStorage.getItem('languageSelected')],
-                iconCls: 'x-fa fa-pencil',
+                iconCls: Ngcp.csc.icons.pencil,
                 iconAlign: 'right'
             }]
         }, {
diff --git a/classic/src/view/pages/callforward/CallForwardMainGrid.js b/classic/src/view/pages/callforward/CallForwardMainGrid.js
index 34bd00c1..e77871bd 100644
--- a/classic/src/view/pages/callforward/CallForwardMainGrid.js
+++ b/classic/src/view/pages/callforward/CallForwardMainGrid.js
@@ -36,7 +36,7 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainGrid', {
             width: 30,
             align: 'right',
 
-            iconCls: 'x-fa fa-trash',
+            iconCls: Ngcp.csc.icons.trash,
             handler: 'removeEntry'
         }, {
             text: Ngcp.csc.locales.callforward.move[localStorage.getItem('languageSelected')],
@@ -44,7 +44,7 @@ Ext.define('NgcpCsc.view.pages.callforward.CallForwardMainGrid', {
             width: 30,
             align: 'right',
             disabled: true,
-            iconCls: 'x-fa fa-arrows'
+            iconCls: Ngcp.csc.icons.move
         }];
 
         me.callParent();
diff --git a/classic/src/view/pages/contacts/ContactsController.js b/classic/src/view/pages/contacts/ContactsController.js
index 988ec57a..1711100d 100644
--- a/classic/src/view/pages/contacts/ContactsController.js
+++ b/classic/src/view/pages/contacts/ContactsController.js
@@ -24,7 +24,7 @@ Ext.define('NgcpCsc.view.pages.contacts.ContactsController', {
 
     renderStatus: function(val, meta, rec) {
         if (rec.get('leaf')) {
-            rec.set('iconCls', 'x-fa fa-circle ' + (rec.get('online') ? 'online-user' : 'offline-user'));
+            rec.set('iconCls', Ngcp.csc.icons.circle + ' ' + (rec.get('online') ? 'online-user' : 'offline-user'));
         }
         return val;
     },
@@ -86,7 +86,7 @@ Ext.define('NgcpCsc.view.pages.contacts.ContactsController', {
 
         var newNode = contacts.getRootNode().insertChild(contacts.getStore().getCount(), {
             "name": newChatName.getValue(),
-            "iconCls": "x-fa fa-wechat",
+            "iconCls": Ngcp.csc.icons.multichat,
             "expanded": true,
             "children": []
         });
diff --git a/classic/src/view/pages/conversations/Conversations.js b/classic/src/view/pages/conversations/Conversations.js
index 53b2c151..1db6c221 100644
--- a/classic/src/view/pages/conversations/Conversations.js
+++ b/classic/src/view/pages/conversations/Conversations.js
@@ -8,7 +8,7 @@ Ext.define('NgcpCsc.view.pages.conversations.Conversations', {
     controller: 'conversations',
 
     initComponent: function() {
-
+        
         this.dockedItems = Ext.create('NgcpCsc.view.pages.conversations.ConversationsToolbar');
 
         this.items = [{
diff --git a/classic/src/view/pages/conversations/ConversationsController.js b/classic/src/view/pages/conversations/ConversationsController.js
index 72955478..00b8b2e9 100644
--- a/classic/src/view/pages/conversations/ConversationsController.js
+++ b/classic/src/view/pages/conversations/ConversationsController.js
@@ -29,22 +29,22 @@ Ext.define('NgcpCsc.view.pages.conversations.ConversationsController', {
         switch (record.get('conversation_type')) {
             case 'call':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.call[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-phone green-icon pointer';
+                icon = Ngcp.csc.icons.phone + ' green-icon pointer';
                 break;
             case 'voicemail':
-                icon = 'fa fa-folder-open-o green-icon pointer';
+                icon = Ngcp.csc.icons.folder + ' green-icon pointer';
                 break;
             case 'sms':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.sms[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-envelope-o green-icon pointer';
+                icon = Ngcp.csc.icons.envelope_transparent + ' green-icon pointer';
                 break;
             case 'chat':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.chat[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-comment-o green-icon pointer';
+                icon = Ngcp.csc.icons.comment + ' green-icon pointer';
                 break;
             case 'fax':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.conversation_types.fax[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-file-text-o green-icon pointer';
+                icon = Ngcp.csc.icons.faxpaper_transparent + ' green-icon pointer';
                 break;
         };
         return Ext.String.format('<div class="{0}"></div>', icon);
@@ -56,16 +56,16 @@ Ext.define('NgcpCsc.view.pages.conversations.ConversationsController', {
             direction = record.get('direction');
         switch (record.get('direction')) {
             case 'incoming':
-                icon = color + ' fa fa-chevron-left';
+                icon = color + ' ' + Ngcp.csc.icons.chevronleft;
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.incoming[localStorage.getItem('languageSelected')] + '"';
                 break;
             case 'outgoing':
-                icon = color + ' fa fa-chevron-right';
+                icon = color + ' ' + Ngcp.csc.icons.chevronright;
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.outgoing[localStorage.getItem('languageSelected')] + '"';
                 break;
             case 'forwarded':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.forwarded[localStorage.getItem('languageSelected')] + '"';
-                return '<div><span class="' + color + ' fa fa-chevron-right"></span><span class="' + color + ' fa fa-chevron-right"></span></div>';
+                return '<div><span class="' + color + ' ' + Ngcp.csc.icons.chevronright + '"></span><span class="' + color + ' ' + Ngcp.csc.icons.chevronright + '"></span></div>';
                 break;
         };
         return Ext.String.format('<div class="{0}"></div>', icon);
@@ -267,23 +267,23 @@ Ext.define('NgcpCsc.view.pages.conversations.ConversationsController', {
         }
         switch (record.get('conversation_type')) {
             case 'call':
-                icon = 'fa fa-phone-square green-icon pointer';
+                icon = Ngcp.csc.icons.phonesquare + 'green-icon pointer';
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"';
                 break;
             case 'voicemail':
-                return '<div id="voicemail-' + record.get('id') + '" class="card-icon play" data-callback="reproduceVoicemail"><i class="fa fa-play green-icon pointer" aria-hidden="true"></i></div>'
+                return '<div id="voicemail-' + record.get('id') + '" class="card-icon play" data-callback="reproduceVoicemail"><i class="'+Ngcp.csc.icons.play+' green-icon pointer" aria-hidden="true"></i></div>'
                 break;
             case 'fax':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.send_fax[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-file-text green-icon pointer';
+                icon = Ngcp.csc.icons.faxpaper + 'green-icon pointer';
                 break;
             case 'sms':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.send_sms[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-envelope green-icon pointer';
+                icon = Ngcp.csc.icons.envelope + ' green-icon pointer';
                 break;
             case 'chat':
                 meta.tdAttr = 'data-qtip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"';
-                icon = 'fa fa-comment green-icon pointer';
+                icon = Ngcp.csc.icons.comment + ' green-icon pointer';
                 break;
         };
         return Ext.String.format('<div class="{0}"></div>', icon);
diff --git a/classic/src/view/pages/conversations/ConversationsGrid.js b/classic/src/view/pages/conversations/ConversationsGrid.js
index a7246560..5b717f40 100644
--- a/classic/src/view/pages/conversations/ConversationsGrid.js
+++ b/classic/src/view/pages/conversations/ConversationsGrid.js
@@ -73,9 +73,9 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.common.duration[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('duration') + '</div>' +
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.cost[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('charges') + record.get('currency') + ' </div>' +
                             '<div class="card-icon-row">' +
-                            '<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.new_sms[localStorage.getItem('languageSelected')] + '"><i class="fa fa-envelope green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                            '<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-comment green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                            '<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="fa fa-phone green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                            '<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.new_sms[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.envelope2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                            '<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.comment2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                            '<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.phone2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                             '</div></div>';
                         break;
                     case 'voicemail':
@@ -84,8 +84,8 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.common.duration[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('duration') + ' </div>' +
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.folder[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('folder') + ' </div>' +
                             '<div class="card-icon-row">' +
-                            '<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="fa fa-phone green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                            '<div id="reproduceVoicemail-' + record.get('id') + '" class="card-icon" data-callback="reproduceVoicemail" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.listen[localStorage.getItem('languageSelected')] + '"><i class="fa fa-play green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                            '<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.phone2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                            '<div id="reproduceVoicemail-' + record.get('id') + '" class="card-icon" data-callback="reproduceVoicemail" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.listen[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.play2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                             '<audio id="sample" src="resources/audio/voicemail.mp3" preload="auto"></audio>' +
                             '</div></div>';
                         break;
@@ -97,9 +97,9 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
                             '<div class="card-data-row "><b>' + Ngcp.csc.locales.common.date[localStorage.getItem('languageSelected')] + '</b>: ' + Ext.util.Format.date(record.get('start_time'), "d.m.Y h:i:s") + ' </div>' +
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.cost[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('charges') + record.get('currency') + ' </div>' +
                             '<div class="card-icon-row">' +
-                            '<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_sms[localStorage.getItem('languageSelected')] + '"><i class="fa fa-envelope green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                            '<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-comment green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                            '<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="fa fa-phone green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                            '<div id="sendSms-' + record.get('id') + '" class="card-icon" data-callback="sendSms" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_sms[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.envelope2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                            '<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.comment2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                            '<div id="startCall-' + record.get('id') + '" class="card-icon" data-callback="startCall" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.recall[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.phone2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                             '</div></div>';
                         break;
                     case 'chat':
@@ -109,7 +109,7 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
                             '<div class="card-data-row  ">' + record.get('text') + '</div>' +
                             '<div class="card-data-row "><b>' + Ngcp.csc.locales.common.date[localStorage.getItem('languageSelected')] + '</b>: ' + Ext.util.Format.date(record.get('start_time'), "d.m.Y h:i:s") + ' </div>' +
                             '<div class="card-icon-row">' +
-                            '<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-comment green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                            '<div id="startChat-' + record.get('id') + '" class="card-icon" data-callback="startChat" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.chat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.comment2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                             '</div></div>';
                         break;
                     case 'fax':
@@ -118,8 +118,8 @@ Ext.define('NgcpCsc.view.pages.conversations.CallsGrid', {
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.common.duration[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('duration') + '</div>' +
                             '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.conversations.pages[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('pages') + '</div>' +
                             '<div class="card-icon-row">' +
-                            '<div id="downloadFax-' + record.get('id') + '" class="card-icon" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.download_fax[localStorage.getItem('languageSelected')] + '"><a href="resources/docs/fax.pdf" target="_blank"><i class="fa fa-download green-icon fa-2x pointer" aria-hidden="true"></i></a></div>' +
-                            '<div id="sendFax-' + record.get('id') + '" class="card-icon" data-callback="sendFax" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_fax[localStorage.getItem('languageSelected')] + '"><i class="fa fa-file-text green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                            '<div id="downloadFax-' + record.get('id') + '" class="card-icon" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.download_fax[localStorage.getItem('languageSelected')] + '"><a href="resources/docs/fax.pdf" target="_blank"><i class= "'+Ngcp.csc.icons.download2x+' green-icon pointer" aria-hidden="true"></i></a></div>' +
+                            '<div id="sendFax-' + record.get('id') + '" class="card-icon" data-callback="sendFax" data-tooltip="' + Ngcp.csc.locales.conversations.tooltips.send_fax[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.faxpaper2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                             '</div></div>';
                         break;
                 }
diff --git a/classic/src/view/pages/pbxconfig/devices/DevicesGrid.js b/classic/src/view/pages/pbxconfig/devices/DevicesGrid.js
index e7fe0c53..f05aef5b 100644
--- a/classic/src/view/pages/pbxconfig/devices/DevicesGrid.js
+++ b/classic/src/view/pages/pbxconfig/devices/DevicesGrid.js
@@ -44,8 +44,8 @@ Ext.define('NgcpCsc.view.pages.devices.DevicesGrid', {
                     '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.status[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('status') + '</div>' +
                     '<div class="img-row"><img src="' + record.get('image') + '"></div>' +
                     '<div class="card-icon-row">' +
-                    '<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_device[localStorage.getItem('languageSelected')] + '"><i class="fa fa-edit green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                    '<div id="removeDevice-' + record.get('id') + '" class="card-icon" data-callback="removeDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_device[localStorage.getItem('languageSelected')] + '"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                    '<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_device[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.edit2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                    '<div id="removeDevice-' + record.get('id') + '" class="card-icon" data-callback="removeDevice" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_device[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                     '</div></div>';
                 return {
                     rowBody: content
diff --git a/classic/src/view/pages/pbxconfig/groups/GroupsGrid.js b/classic/src/view/pages/pbxconfig/groups/GroupsGrid.js
index aa67433c..f1d2cfbf 100644
--- a/classic/src/view/pages/pbxconfig/groups/GroupsGrid.js
+++ b/classic/src/view/pages/pbxconfig/groups/GroupsGrid.js
@@ -43,8 +43,8 @@ Ext.define('NgcpCsc.view.pages.groups.GroupsGrid', {
                     '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.hunt_policy[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('hunt_policy') + '</div>' +
                     '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.hunt_timeout[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('hunt_timeout') + '</div>' +
                     '<div class="card-icon-row">' +
-                    '<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_group[localStorage.getItem('languageSelected')] + '"><i class="fa fa-edit green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                    '<div id="removeGroup-' + record.get('id') + '" class="card-icon" data-callback="removeGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_group[localStorage.getItem('languageSelected')] + '"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                    '<div id="editGroup-' + record.get('id') + '" class="card-icon" data-callback="editGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_group[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.edit2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                    '<div id="removeGroup-' + record.get('id') + '" class="card-icon" data-callback="removeGroup" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_group[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                     '</div></div>';
                 return {
                     rowBody: content
diff --git a/classic/src/view/pages/pbxconfig/seats/SeatsGrid.js b/classic/src/view/pages/pbxconfig/seats/SeatsGrid.js
index 70ef5ed7..85df4283 100644
--- a/classic/src/view/pages/pbxconfig/seats/SeatsGrid.js
+++ b/classic/src/view/pages/pbxconfig/seats/SeatsGrid.js
@@ -43,8 +43,8 @@ Ext.define('NgcpCsc.view.pages.seats.SeatsGrid', {
                     '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.numbers[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('numbers') + '</div>' +
                     '<div class="card-data-row"><span></span><b>' + Ngcp.csc.locales.filters.phone_devices[localStorage.getItem('languageSelected')] + '</b>: ' + record.get('phone_devices') + '</div>' +
                     '<div class="card-icon-row">' +
-                    '<div id="editSeat-' + record.get('id') + '" class="card-icon" data-callback="editSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_seat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-edit green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
-                    '<div id="removeSeat-' + record.get('id') + '" class="card-icon" data-callback="removeSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_seat[localStorage.getItem('languageSelected')] + '"><i class="fa fa-trash green-icon fa-2x pointer" aria-hidden="true"></i></div>' +
+                    '<div id="editSeat-' + record.get('id') + '" class="card-icon" data-callback="editSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.edit_seat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.edit2x+' green-icon pointer" aria-hidden="true"></i></div>' +
+                    '<div id="removeSeat-' + record.get('id') + '" class="card-icon" data-callback="removeSeat" data-qtip="' + Ngcp.csc.locales.filters.tooltips.remove_seat[localStorage.getItem('languageSelected')] + '"><i class="'+Ngcp.csc.icons.trash2x+' green-icon pointer" aria-hidden="true"></i></div>' +
                     '</div></div>';
                 return {
                     rowBody: content
diff --git a/sass/var/all.scss b/sass/var/all.scss
index d10f951b..362e8687 100644
--- a/sass/var/all.scss
+++ b/sass/var/all.scss
@@ -42,3 +42,60 @@ $wizard-two-button-background-color: #925e8b;
 
 $wizard-three-primary-background-color: #9cc96b;
 $wizard-three-button-background-color: #9cc96b;
+
+//--------------------------------------------------
+// Font Awesome Unicodes
+//
+// ex. of usage
+//  .yourclass:before {
+//    font-family: FontAwesome;
+//    content: $add-user;
+//  }
+//
+// Every variable should have a correspondent
+// entry in ./app/utils/icons/js
+
+$add-user: "\f234";
+$angle-left: "\xf104";
+$angle-right: "\xf105";
+$bell: "\f0f3";
+$block: "\f05e";
+$book: "\xf02d";
+$chevron-left: "\f053";
+$chevron-right: "\f054";
+$circle: "\xf111";
+$cog: "\xf013";
+$comment: "\f075";
+$desktop: "\xf108";
+$double-angle-right: "\f101";
+$download: "\f019";
+$edit: "\xf044";
+$envelope: "\xf0e0";
+$envelope_transparent: "\xf003";
+$fax:"\xf1ac";
+$fax-paper:"\f15c";
+$fax-paper-transparent:"\xf0f6";
+$filter: "\f0b0";
+$folder: "\f115";
+$home: "\xf015";
+$key: "\f084";
+$lock: "\f023";
+$microphone: "\xf130";
+$microphone-slash: "\xf131";
+$menu: "\xf0c9";
+$move: "\f047";
+$multichat : "\xf1d7";
+$paint-brush: "\f1fc";
+$pause: "\xf04c";
+$pencil: "\f040";
+$play: "\xf04b";
+$phone: "\xf095";
+$phonesquare: "\xf098";
+$send: "\xf1d8";
+$toggle-off:"xf204";
+$toggle-on:"xf205";
+$trash: "\f1f8";
+$user: "\xf007";
+$users: "\xf0c0";
+$user-secret: "\f21b";
+$video: "\xf03d";