diff --git a/.angular-cli.json b/.angular-cli.json
index 007272a0..ed1f394d 100644
--- a/.angular-cli.json
+++ b/.angular-cli.json
@@ -29,6 +29,7 @@
         "../node_modules/ionicons/scss/ionicons.scss",
         "../node_modules/font-awesome/scss/font-awesome.scss",
         "../node_modules/nebular-icons/scss/nebular-icons.scss",
+        "../node_modules/socicon/css/socicon.css",
         "./app/@theme/styles/styles.scss"
       ],
       "scripts": [
diff --git a/package-lock.json b/package-lock.json
index 473bdd84..c6bf24e5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -8102,6 +8102,11 @@
         "hoek": "2.16.3"
       }
     },
+    "socicon": {
+      "version": "3.0.5",
+      "resolved": "https://registry.npmjs.org/socicon/-/socicon-3.0.5.tgz",
+      "integrity": "sha1-v6Bvz38rbzzcOUQzd0I1jp4FC20="
+    },
     "socket.io": {
       "version": "1.7.3",
       "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-1.7.3.tgz",
diff --git a/package.json b/package.json
index 8811c955..8b618dd6 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,7 @@
     "normalize.css": "6.0.0",
     "roboto-fontface": "0.8.0",
     "rxjs": "5.4.2",
+    "socicon": "^3.0.5",
     "tether": "1.4.0",
     "tinymce": "4.5.7",
     "typeface-exo": "0.0.22",