From d45de853b631dd352fd079653e333a09cc892658 Mon Sep 17 00:00:00 2001
From: Igor Guastalla de Lima <limaguastallaigor@gmail.com>
Date: Sun, 9 Dec 2018 23:39:26 -0200
Subject: [PATCH] feat(icons): add kirby icon

---
 index.html                  |  1 +
 scss/pixel-arts/_index.scss |  1 +
 scss/pixel-arts/kirby.scss  | 38 +++++++++++++++++++++++++++++++++++++
 3 files changed, 40 insertions(+)
 create mode 100644 scss/pixel-arts/kirby.scss

diff --git a/index.html b/index.html
index 4c9d2f2..ae3e237 100644
--- a/index.html
+++ b/index.html
@@ -284,6 +284,7 @@
 
           <i class="smartphone"></i>
           <i class="phone"></i>
+          <i class="kirby"></i>
         </div>
       </section>
 
diff --git a/scss/pixel-arts/_index.scss b/scss/pixel-arts/_index.scss
index c546509..6d6e7be 100644
--- a/scss/pixel-arts/_index.scss
+++ b/scss/pixel-arts/_index.scss
@@ -14,3 +14,4 @@
 @import "squirtle.scss";
 @import "phone.scss";
 @import "smartphone.scss";
+@import "kirby.scss";
diff --git a/scss/pixel-arts/kirby.scss b/scss/pixel-arts/kirby.scss
new file mode 100644
index 0000000..b224aeb
--- /dev/null
+++ b/scss/pixel-arts/kirby.scss
@@ -0,0 +1,38 @@
+.kirby {
+  $px: 6px;
+  $kirby-colors: (#000, #ffaccc, #ff5478);
+  // prettier-ignore
+  $kirby: (
+    (0,0,1,1,0,1,1,1,1,1,0,0,0,0),
+    (0,1,2,2,1,2,2,2,2,2,1,1,0,0),
+    (1,2,2,1,2,2,2,2,2,2,2,2,1,0),
+    (1,2,2,2,2,2,1,2,1,2,2,2,2,1),
+    (1,2,2,2,2,2,1,2,1,2,2,2,2,1,),
+    (1,2,2,2,2,2,1,2,1,2,2,2,2,2,1),
+    (1,2,2,2,3,3,2,2,2,3,3,2,2,2,2,1),
+    (1,2,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
+    (0,1,2,2,2,2,2,1,2,2,2,2,2,2,2,1),
+    (0,1,2,2,2,2,2,2,2,2,2,2,1,1,1,0),
+    (0,1,2,2,2,2,2,2,2,2,2,1,3,3,3,1),
+    (0,0,1,2,2,2,2,2,2,2,1,3,3,3,3,1),
+    (0,0,1,1,2,2,2,2,2,2,1,3,3,3,3,1),
+    (0,1,3,3,1,1,2,2,2,1,3,3,3,3,1),
+    (1,3,3,3,3,3,1,1,1,1,1,3,3,1),
+    (0,1,1,1,1,1,1,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($kirby, $kirby-colors, $px);
+  }
+}