diff --git a/docs/icons.stories.js b/docs/icons.stories.js
index 971946b..699682a 100644
--- a/docs/icons.stories.js
+++ b/docs/icons.stories.js
@@ -14,6 +14,8 @@ stories.add('icon', () => {
'nes-icon google': 'nes-icon google',
'nes-icon youtube': 'nes-icon youtube',
'nes-icon whatsapp': 'nes-icon whatsapp',
+ 'nes-icon gmail': 'nes-icon gmail',
+ 'nes-icon linkedin': 'nes-icon linkedin',
'nes-icon close': 'nes-icon close',
'nes-pokeball': 'nes-pokeball',
'nes-bulbasaur': 'nes-bulbasaur',
diff --git a/index.html b/index.html
index efe01fd..9d65434 100644
--- a/index.html
+++ b/index.html
@@ -280,6 +280,14 @@
+
+
+
+
+
+
+
+
diff --git a/scss/icons/gmail.scss b/scss/icons/gmail.scss
new file mode 100644
index 0000000..644b0cd
--- /dev/null
+++ b/scss/icons/gmail.scss
@@ -0,0 +1,20 @@
+$icon-gmail-colors: (#eeecec, #fd2b2b);
+// prettier-ignore
+$icon-gmail: (
+ (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+ (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+ (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
+ (2,2,2,1,1,1,1,1,1,1,1,1,1,2,2,2),
+ (2,2,2,2,1,1,1,1,1,1,1,1,2,2,2,2),
+ (2,2,1,2,2,1,1,1,1,1,1,2,2,1,2,2),
+ (2,2,1,1,2,2,1,1,1,1,2,2,1,1,2,2),
+ (2,2,1,1,1,2,2,1,1,2,2,1,1,1,2,2),
+ (2,2,1,1,1,1,2,2,2,2,1,1,1,1,2,2),
+ (2,2,1,1,1,1,1,2,2,1,1,1,1,1,2,2),
+ (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+ (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+ (2,2,1,1,1,1,1,1,1,1,1,1,1,1,2,2),
+ (0,2,1,1,1,1,1,1,1,1,1,1,1,1,2,0),
+ (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0),
+ (0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0)
+);
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
index 43971b9..fa6a371 100644
--- a/scss/icons/icons.scss
+++ b/scss/icons/icons.scss
@@ -13,6 +13,8 @@
@import "twitch.scss";
@import "reddit.scss";
@import "whatsapp.scss";
+@import "gmail.scss";
+@import "linkedin.scss";
// others
@import "close.scss";
@@ -112,6 +114,14 @@
&.whatsapp::before {
@include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
}
+
+ &.gmail::before {
+ @include pixelize($icon-gmail, $icon-gmail-colors, $px);
+ }
+
+ &.linkedin::before {
+ @include pixelize($icon-linkedin, $icon-linkedin-colors, $px);
+ }
}
// default
diff --git a/scss/icons/linkedin.scss b/scss/icons/linkedin.scss
new file mode 100644
index 0000000..e78e09c
--- /dev/null
+++ b/scss/icons/linkedin.scss
@@ -0,0 +1,20 @@
+$icon-linkedin-colors: (#fff, #2577b9);
+// prettier-ignore
+$icon-linkedin: (
+ (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+ (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+ (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+ (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+ (2,2,1,1,1,2,2,2,2,2,2,2,2,2,2,2),
+ (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+ (2,2,1,1,1,2,1,1,1,2,1,1,1,2,2,2),
+ (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+ (2,2,1,1,1,2,1,1,1,1,1,1,1,1,2,2),
+ (2,2,1,1,1,2,1,1,1,1,2,1,1,1,2,2),
+ (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+ (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+ (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+ (2,2,1,1,1,2,1,1,1,2,2,1,1,1,2,2),
+ (2,2,2,2,2,2,2,2,2,2,2,2,2,2,2,2),
+ (0,2,2,2,2,2,2,2,2,2,2,2,2,2,2,0),
+);