feat(icons): add bulbasaur icon (#130)

* feat(icons): add bulbasaur icon

* docs(icons): add bulbasaur to storybook

docs/icons.stories.js

@@ -16,6 +16,7 @@ stories.add('icon', () => {
     'icon whatsapp': 'icon whatsapp',
     'icon close': 'icon close',
     pokeball: 'pokeball',
+    bulbasaur: 'bulbasaur',
     charmander: 'charmander',
     squirtle: 'squirtle',
     smartphone: 'smartphone',

index.html

@@ -269,6 +269,7 @@ <h3 class="title">Others</h3>
           <i class="ash"></i>
           <i class="pokeball"></i>
 
+          <i class="bulbasaur"></i>
           <i class="charmander"></i>
           <i class="squirtle"></i>
 

scss/pixel-arts/_index.scss

@@ -9,7 +9,8 @@
 @import "octocat.scss";
 @import "mario.scss";
 @import "pokeball.scss";
+@import "bulbasaur.scss";
 @import "charmander.scss";
 @import "squirtle.scss";
 @import "phone.scss";
-@import "smartphone.scss";
+@import "smartphone.scss";

scss/pixel-arts/bulbasaur.scss

@@ -0,0 +1,41 @@
+.bulbasaur {
+  $px: 6px;
+  // prettier-ignore
+  $bulbasaur-colors: (#000, #8beb46, #2d8d22, #5ceee1,
+   #3fc3b5, #fdfdf5, #ca242a);
+  // prettier-ignore
+  $bulbasaur: (
+    (0,0,0,0,0,0,0,0,0,0,0,0,1,1,1),
+    (0,0,0,0,0,0,0,0,0,0,0,1,2,2,2,1),
+    (0,0,0,0,0,0,0,0,0,1,1,1,2,2,2,1),
+    (0,0,0,0,0,0,0,1,1,2,2,3,2,2,3,2,1,1),
+    (0,0,0,1,1,0,1,2,2,2,3,3,2,2,3,2,2,2,1),
+    (0,0,1,4,4,1,1,2,2,3,2,3,2,2,2,3,2,2,2,1),
+    (0,0,1,4,4,4,1,1,3,2,3,2,2,2,2,2,3,2,2,1),
+    (0,0,1,4,4,4,4,5,1,2,3,2,2,2,2,2,3,2,2,1),
+    (0,1,4,4,5,4,5,5,4,1,1,1,2,2,2,2,3,2,1),
+    (1,1,5,4,4,4,4,4,4,4,4,1,2,2,2,1,1,1,1),
+    (1,1,5,4,4,4,5,4,4,4,1,5,1,1,1,5,5,5,1),
+    (1,4,4,4,4,5,4,1,1,4,5,5,5,5,5,1,5,6,1),
+    (1,5,4,4,4,4,1,7,6,6,5,5,1,5,5,1,1,1),
+    (0,1,5,4,4,4,1,7,6,4,5,1,5,5,1),
+    (0,0,1,1,5,5,5,5,5,5,1,5,5,5,1),
+    (0,0,0,0,1,1,1,1,1,1,1,6,5,6,1),
+    (0,0,0,0,0,0,0,0,0,0,0,1,1,1,0),
+  );
+
+  position: relative;
+  display: inline-block;
+  width: $px * 16;
+  height: $px * 16;
+
+  &::before {
+    position: absolute;
+    top: $px * -1;
+    left: $px * -1;
+    content: "";
+    background: transparent;
+
+    @include pixelize($bulbasaur, $bulbasaur-colors, $px);
+  }
+}