diff --git a/js/iconsGenerated.js b/js/iconsGenerated.js
index d7f710070..f81406525 100644
--- a/js/iconsGenerated.js
+++ b/js/iconsGenerated.js
@@ -1 +1 @@
-export const icons = {"accountLogout":"","actionUndo":"","actionRedo":"","alignCenter":"","alignLeft":"","alignRight":"","arrowBottom":"","arrowLeft":"","arrowRight":"","arrowTop":"","ban":"","bell":"","basketLoaded":"","bold":"","bookmark":"","briefcase":"","britishPound":"","brush":"","calculator":"","calendar":"","cart":"","chart":"","check":"","chevronBottom":"","chevronLeft":"","chevronRight":"","chevronTop":"","cloudDownload":"","cloudUpload":"","cloud":"","code":"","commentSquare":"","creditCard":"","cursor":"","dollar":"","envelopeClosed":"","envelopeLetter":"","envelopeOpen":"","euro":"","file":"","globe":"","graph":"","home":"","inbox":"","info":"","italic":"","justifyCenter":"","justifyLeft":"","justifyRight":"","laptop":"","layers":"","lightbulb":"","list":"","locationPin":"","lockLocked":"","lockUnlocked":"","magnifyingGlass":"","map":"","monitor":"","moon":"","note":"","options":"","paperclip":"","pencil":"","people":"","phone":"","print":"","puzzle":"","rss":"","screenDesktop":"","screenSmartphone":"","settings":"","share":"","shield":"","sortAscending":"","sortDescending":"","speech":"","speedometer":"","star":"","sun":"","tablet":"","tags":"","thumbDown":"","thumbUp":"","trash":"","underline":"","userFemale":"","userFollow":"","userUnfollow":"","user":"","yen":""}
\ No newline at end of file
+export const icons = {"actionRedo":"","accountLogout":"","alignCenter":"","actionUndo":"","alignRight":"","alignLeft":"","arrowBottom":"","arrowLeft":"","arrowTop":"","arrowRight":"","ban":"","basketLoaded":"","bookmark":"","bell":"","bold":"","briefcase":"","brush":"","britishPound":"","calculator":"","chart":"","cart":"","calendar":"","check":"","chevronRight":"","chevronLeft":"","chevronBottom":"","chevronTop":"","cloudDownload":"","cloud":"","cloudUpload":"","code":"","creditCard":"","cursor":"","commentSquare":"","dollar":"","envelopeClosed":"","envelopeLetter":"","envelopeOpen":"","euro":"","file":"","graph":"","globe":"","home":"","inbox":"","info":"","italic":"","justifyRight":"","justifyCenter":"","justifyLeft":"","laptop":"","layers":"","lightbulb":"","lockLocked":"","list":"","locationPin":"","lockUnlocked":"","map":"","monitor":"","magnifyingGlass":"","moon":"","options":"","note":"","pencil":"","phone":"","paperclip":"","print":"","people":"","puzzle":"","rss":"","screenDesktop":"","screenSmartphone":"","settings":"","socialFacebook":"","socialLinkedin":"","shield":"","share":"","socialTwitter":"","sortAscending":"","sortDescending":"","speech":"","star":"","speedometer":"","tablet":"","tags":"","sun":"","thumbUp":"","thumbDown":"","trash":"","underline":"","userFemale":"","userFollow":"","user":"","userUnfollow":"","yen":""}
\ No newline at end of file
diff --git a/js/index.js b/js/index.js
index 3c444a486..0f8a67d0d 100644
--- a/js/index.js
+++ b/js/index.js
@@ -2,185 +2,191 @@ import { icons } from './iconsGenerated.js'
export default icons
-import { accountLogout } from './accountLogout.js'
-import { actionUndo } from './actionUndo.js'
import { actionRedo } from './actionRedo.js'
+import { accountLogout } from './accountLogout.js'
import { alignCenter } from './alignCenter.js'
-import { alignLeft } from './alignLeft.js'
+import { actionUndo } from './actionUndo.js'
import { alignRight } from './alignRight.js'
+import { alignLeft } from './alignLeft.js'
import { arrowBottom } from './arrowBottom.js'
import { arrowLeft } from './arrowLeft.js'
-import { arrowRight } from './arrowRight.js'
import { arrowTop } from './arrowTop.js'
+import { arrowRight } from './arrowRight.js'
import { ban } from './ban.js'
-import { bell } from './bell.js'
import { basketLoaded } from './basketLoaded.js'
-import { bold } from './bold.js'
import { bookmark } from './bookmark.js'
+import { bell } from './bell.js'
+import { bold } from './bold.js'
import { briefcase } from './briefcase.js'
-import { britishPound } from './britishPound.js'
import { brush } from './brush.js'
+import { britishPound } from './britishPound.js'
import { calculator } from './calculator.js'
-import { calendar } from './calendar.js'
-import { cart } from './cart.js'
import { chart } from './chart.js'
+import { cart } from './cart.js'
+import { calendar } from './calendar.js'
import { check } from './check.js'
-import { chevronBottom } from './chevronBottom.js'
-import { chevronLeft } from './chevronLeft.js'
import { chevronRight } from './chevronRight.js'
+import { chevronLeft } from './chevronLeft.js'
+import { chevronBottom } from './chevronBottom.js'
import { chevronTop } from './chevronTop.js'
import { cloudDownload } from './cloudDownload.js'
-import { cloudUpload } from './cloudUpload.js'
import { cloud } from './cloud.js'
+import { cloudUpload } from './cloudUpload.js'
import { code } from './code.js'
-import { commentSquare } from './commentSquare.js'
import { creditCard } from './creditCard.js'
import { cursor } from './cursor.js'
+import { commentSquare } from './commentSquare.js'
import { dollar } from './dollar.js'
import { envelopeClosed } from './envelopeClosed.js'
import { envelopeLetter } from './envelopeLetter.js'
import { envelopeOpen } from './envelopeOpen.js'
import { euro } from './euro.js'
import { file } from './file.js'
-import { globe } from './globe.js'
import { graph } from './graph.js'
+import { globe } from './globe.js'
import { home } from './home.js'
import { inbox } from './inbox.js'
import { info } from './info.js'
import { italic } from './italic.js'
+import { justifyRight } from './justifyRight.js'
import { justifyCenter } from './justifyCenter.js'
import { justifyLeft } from './justifyLeft.js'
-import { justifyRight } from './justifyRight.js'
import { laptop } from './laptop.js'
import { layers } from './layers.js'
import { lightbulb } from './lightbulb.js'
+import { lockLocked } from './lockLocked.js'
import { list } from './list.js'
import { locationPin } from './locationPin.js'
-import { lockLocked } from './lockLocked.js'
import { lockUnlocked } from './lockUnlocked.js'
-import { magnifyingGlass } from './magnifyingGlass.js'
import { map } from './map.js'
import { monitor } from './monitor.js'
+import { magnifyingGlass } from './magnifyingGlass.js'
import { moon } from './moon.js'
-import { note } from './note.js'
import { options } from './options.js'
-import { paperclip } from './paperclip.js'
+import { note } from './note.js'
import { pencil } from './pencil.js'
-import { people } from './people.js'
import { phone } from './phone.js'
+import { paperclip } from './paperclip.js'
import { print } from './print.js'
+import { people } from './people.js'
import { puzzle } from './puzzle.js'
import { rss } from './rss.js'
import { screenDesktop } from './screenDesktop.js'
import { screenSmartphone } from './screenSmartphone.js'
import { settings } from './settings.js'
-import { share } from './share.js'
+import { socialFacebook } from './socialFacebook.js'
+import { socialLinkedin } from './socialLinkedin.js'
import { shield } from './shield.js'
+import { share } from './share.js'
+import { socialTwitter } from './socialTwitter.js'
import { sortAscending } from './sortAscending.js'
import { sortDescending } from './sortDescending.js'
import { speech } from './speech.js'
-import { speedometer } from './speedometer.js'
import { star } from './star.js'
-import { sun } from './sun.js'
+import { speedometer } from './speedometer.js'
import { tablet } from './tablet.js'
import { tags } from './tags.js'
-import { thumbDown } from './thumbDown.js'
+import { sun } from './sun.js'
import { thumbUp } from './thumbUp.js'
+import { thumbDown } from './thumbDown.js'
import { trash } from './trash.js'
import { underline } from './underline.js'
import { userFemale } from './userFemale.js'
import { userFollow } from './userFollow.js'
-import { userUnfollow } from './userUnfollow.js'
import { user } from './user.js'
+import { userUnfollow } from './userUnfollow.js'
import { yen } from './yen.js'
-export { accountLogout }
-export { actionUndo }
export { actionRedo }
+export { accountLogout }
export { alignCenter }
-export { alignLeft }
+export { actionUndo }
export { alignRight }
+export { alignLeft }
export { arrowBottom }
export { arrowLeft }
-export { arrowRight }
export { arrowTop }
+export { arrowRight }
export { ban }
-export { bell }
export { basketLoaded }
-export { bold }
export { bookmark }
+export { bell }
+export { bold }
export { briefcase }
-export { britishPound }
export { brush }
+export { britishPound }
export { calculator }
-export { calendar }
-export { cart }
export { chart }
+export { cart }
+export { calendar }
export { check }
-export { chevronBottom }
-export { chevronLeft }
export { chevronRight }
+export { chevronLeft }
+export { chevronBottom }
export { chevronTop }
export { cloudDownload }
-export { cloudUpload }
export { cloud }
+export { cloudUpload }
export { code }
-export { commentSquare }
export { creditCard }
export { cursor }
+export { commentSquare }
export { dollar }
export { envelopeClosed }
export { envelopeLetter }
export { envelopeOpen }
export { euro }
export { file }
-export { globe }
export { graph }
+export { globe }
export { home }
export { inbox }
export { info }
export { italic }
+export { justifyRight }
export { justifyCenter }
export { justifyLeft }
-export { justifyRight }
export { laptop }
export { layers }
export { lightbulb }
+export { lockLocked }
export { list }
export { locationPin }
-export { lockLocked }
export { lockUnlocked }
-export { magnifyingGlass }
export { map }
export { monitor }
+export { magnifyingGlass }
export { moon }
-export { note }
export { options }
-export { paperclip }
+export { note }
export { pencil }
-export { people }
export { phone }
+export { paperclip }
export { print }
+export { people }
export { puzzle }
export { rss }
export { screenDesktop }
export { screenSmartphone }
export { settings }
-export { share }
+export { socialFacebook }
+export { socialLinkedin }
export { shield }
+export { share }
+export { socialTwitter }
export { sortAscending }
export { sortDescending }
export { speech }
-export { speedometer }
export { star }
-export { sun }
+export { speedometer }
export { tablet }
export { tags }
-export { thumbDown }
+export { sun }
export { thumbUp }
+export { thumbDown }
export { trash }
export { underline }
export { userFemale }
export { userFollow }
-export { userUnfollow }
export { user }
+export { userUnfollow }
export { yen }
\ No newline at end of file
diff --git a/js/socialFacebook.js b/js/socialFacebook.js
new file mode 100644
index 000000000..b3cc3cffd
--- /dev/null
+++ b/js/socialFacebook.js
@@ -0,0 +1 @@
+export const socialFacebook = ""
\ No newline at end of file
diff --git a/js/socialLinkedin.js b/js/socialLinkedin.js
new file mode 100644
index 000000000..22bcc8bd4
--- /dev/null
+++ b/js/socialLinkedin.js
@@ -0,0 +1 @@
+export const socialLinkedin = ""
\ No newline at end of file
diff --git a/js/socialTwitter.js b/js/socialTwitter.js
new file mode 100644
index 000000000..e03c5f828
--- /dev/null
+++ b/js/socialTwitter.js
@@ -0,0 +1 @@
+export const socialTwitter = ""
\ No newline at end of file
diff --git a/svg/social-facebook.svg b/svg/social-facebook.svg
new file mode 100644
index 000000000..f387dad4b
--- /dev/null
+++ b/svg/social-facebook.svg
@@ -0,0 +1,5 @@
+
+
diff --git a/svg/social-linkedin.svg b/svg/social-linkedin.svg
new file mode 100644
index 000000000..85a77daac
--- /dev/null
+++ b/svg/social-linkedin.svg
@@ -0,0 +1,8 @@
+
+
diff --git a/svg/social-twitter.svg b/svg/social-twitter.svg
new file mode 100644
index 000000000..0e26a8875
--- /dev/null
+++ b/svg/social-twitter.svg
@@ -0,0 +1,5 @@
+
+