feat(icons): add psone controller icon

docs/icons.stories.js

@@ -32,6 +32,7 @@ stories.add('icon', () => {
     'nes-jp-logo': 'nes-jp-logo',
     'snes-logo': 'snes-logo',
     'snes-jp-logo': 'snes-jp-logo',
+    'nes-psone': 'nes-psone',
   }, 'nes-icon twitter');
   const selectedSize = radios('size', {
     default: '',

index.html

@@ -440,6 +440,7 @@ <h3 class="title">Controllers</h3>
           <i class="nes-jp-logo"></i>
           <i class="snes-logo"></i>
           <i class="snes-jp-logo"></i>
+          <i class="nes-psone"></i>
         </div>
       </section>
     </section>

scss/pixel-arts/_index.scss

@@ -14,4 +14,5 @@
 @import "smartphone.scss";
 @import "mario.scss";
 @import "kirby.scss";
+@import "psone.scss";
 @import "octocat.scss";

scss/pixel-arts/psone.scss

@@ -0,0 +1,33 @@
+.nes-psone {
+  $psone-colors: (#cbcbcb, #b1b1b2, #2a2a2a);
+
+  // prettier-ignore
+  $psone: (
+    (0,0,0,0,0,0,0,3,0,0,0,0,0,0,0,0),
+    (0,0,1,1,1,0,0,3,0,0,0,1,1,1,0,0),
+    (0,1,1,1,1,1,0,0,3,0,1,1,1,1,1,0),
+    (1,1,1,3,1,1,1,1,1,1,1,1,3,1,1,1),
+    (1,1,3,1,3,1,1,1,1,1,1,3,1,3,1,1),
+    (1,1,1,3,1,1,1,1,1,1,1,1,3,1,1,1),
+    (2,1,1,1,1,1,3,1,1,3,1,1,1,1,1,2),
+    (2,2,1,1,1,0,0,0,0,0,0,1,1,1,2,2),
+    (2,2,2,2,0,0,0,0,0,0,0,0,2,2,2,2),
+    (0,2,2,0,0,0,0,0,0,0,0,0,0,2,2,0)
+  );
+
+  position: relative;
+  display: inline-block;
+  width: calc(1em * 16);
+  height: calc(1em * 11);
+  font-size: 3px;
+
+  &::before {
+    position: absolute;
+    top: -1em;
+    left: -1em;
+    content: "";
+    background: transparent;
+
+    @include pixelize($psone, $psone-colors);
+  }
+}