diff --git a/docs/icons.stories.js b/docs/icons.stories.js
index 3f89ddb..e6ab5d7 100644
--- a/docs/icons.stories.js
+++ b/docs/icons.stories.js
@@ -13,6 +13,7 @@ stories.add('icon', () => {
'icon github': 'icon github',
'icon google': 'icon google',
'icon youtube': 'icon youtube',
+ 'icon whatsapp': 'icon whatsapp',
'icon close': 'icon close',
pokeball: 'pokeball',
smartphone: 'smartphone',
diff --git a/index.html b/index.html
index 46de197..23a0d39 100644
--- a/index.html
+++ b/index.html
@@ -238,6 +238,10 @@
+
+
+
+
diff --git a/scss/icons/icons.scss b/scss/icons/icons.scss
index 047934f..b789ded 100644
--- a/scss/icons/icons.scss
+++ b/scss/icons/icons.scss
@@ -12,6 +12,7 @@
@import "medium.scss";
@import "twitch.scss";
@import "reddit.scss";
+@import "whatsapp.scss";
// others
@import "close.scss";
@@ -101,6 +102,10 @@
&.reddit::before {
@include pixelize($icon-reddit, $icon-reddit-colors, $px);
}
+
+ &.whatsapp::before {
+ @include pixelize($icon-whatsapp, $icon-whatsapp-colors, $px);
+ }
}
// default
diff --git a/scss/icons/whatsapp.scss b/scss/icons/whatsapp.scss
new file mode 100644
index 0000000..55fe49f
--- /dev/null
+++ b/scss/icons/whatsapp.scss
@@ -0,0 +1,19 @@
+$icon-whatsapp-colors: (#00ba37, #fff);
+// prettier-ignore
+$icon-whatsapp: (
+ ( 0,0,0,1,1,1,1,1,1,1,1,1,1,1,0,0 ),
+ ( 0,0,1,1,1,2,2,2,2,2,2,2,1,1,1,0 ),
+ ( 0,1,1,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
+ ( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
+ ( 0,1,1,2,1,2,2,1,1,1,1,1,1,2,1,1 ),
+ ( 0,1,2,1,1,2,2,1,1,1,1,1,1,1,2,1 ),
+ ( 0,1,2,1,1,2,1,1,1,1,1,1,1,1,2,1 ),
+ ( 0,1,2,1,1,1,2,2,1,1,1,1,1,1,2,1 ),
+ ( 0,1,2,1,1,1,1,2,2,1,1,1,1,1,2,1 ),
+ ( 0,1,2,1,1,1,1,1,2,1,2,2,1,1,2,1 ),
+ ( 0,1,1,2,1,1,1,1,1,2,2,2,1,2,1,1 ),
+ ( 0,1,1,2,1,1,1,1,1,1,1,1,1,2,1,1 ),
+ ( 0,1,2,1,2,1,1,1,1,1,1,1,2,1,1,1 ),
+ ( 0,1,2,2,1,2,2,2,2,2,2,2,1,1,1,0 ),
+ ( 0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0 )
+);