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 ) +);