Create new file and change class for new icon

css/nes.css

@@ -919,14 +919,14 @@ button,
   box-shadow: 4px 4px #212529,8px 4px #212529,12px 4px #212529,16px 4px #212529,52px 4px #212529,56px 4px #212529,60px 4px #212529,64px 4px #212529,4px 8px #212529,8px 8px #212529,12px 8px #212529,16px 8px #212529,52px 8px #212529,56px 8px #212529,60px 8px #212529,64px 8px #212529,4px 12px #212529,8px 12px #212529,12px 12px #212529,16px 12px #212529,52px 12px #212529,56px 12px #212529,60px 12px #212529,64px 12px #212529,4px 16px #212529,8px 16px #212529,12px 16px #212529,16px 16px #212529,20px 16px #212529,24px 16px #212529,28px 16px #212529,40px 16px #212529,44px 16px #212529,48px 16px #212529,52px 16px #212529,56px 16px #212529,60px 16px #212529,64px 16px #212529,16px 20px #212529,20px 20px #212529,24px 20px #212529,28px 20px #212529,40px 20px #212529,44px 20px #212529,48px 20px #212529,52px 20px #212529,16px 24px #212529,20px 24px #212529,24px 24px #212529,28px 24px #212529,40px 24px #212529,44px 24px #212529,48px 24px #212529,52px 24px #212529,16px 28px #212529,20px 28px #212529,24px 28px #212529,28px 28px #212529,32px 28px #212529,36px 28px #212529,40px 28px #212529,44px 28px #212529,48px 28px #212529,52px 28px #212529,28px 32px #212529,32px 32px #212529,36px 32px #212529,40px 32px #212529,28px 36px #212529,32px 36px #212529,36px 36px #212529,40px 36px #212529,16px 40px #212529,20px 40px #212529,24px 40px #212529,28px 40px #212529,32px 40px #212529,36px 40px #212529,40px 40px #212529,44px 40px #212529,48px 40px #212529,52px 40px #212529,16px 44px #212529,20px 44px #212529,24px 44px #212529,28px 44px #212529,40px 44px #212529,44px 44px #212529,48px 44px #212529,52px 44px #212529,16px 48px #212529,20px 48px #212529,24px 48px #212529,28px 48px #212529,40px 48px #212529,44px 48px #212529,48px 48px #212529,52px 48px #212529,4px 52px #212529,8px 52px #212529,12px 52px #212529,16px 52px #212529,20px 52px #212529,24px 52px #212529,28px 52px #212529,40px 52px #212529,44px 52px #212529,48px 52px #212529,52px 52px #212529,56px 52px #212529,60px 52px #212529,64px 52px #212529,4px 56px #212529,8px 56px #212529,12px 56px #212529,16px 56px #212529,52px 56px #212529,56px 56px #212529,60px 56px #212529,64px 56px #212529,4px 60px #212529,8px 60px #212529,12px 60px #212529,16px 60px #212529,52px 60px #212529,56px 60px #212529,60px 60px #212529,64px 60px #212529,4px 64px #212529,8px 64px #212529,12px 64px #212529,16px 64px #212529,52px 64px #212529,56px 64px #212529,60px 64px #212529,64px 64px #212529;;
 }
 
-.nes-logo {
+.snes-logo {
   position: relative;
   display: inline-block;
   width: 48px;
   height: 33px;
 }
 
-.nes-logo::before {
+.snes-logo::before {
   position: absolute;
   top: -3px;
   left: -3px;
@@ -934,7 +934,7 @@ button,
   background: transparent;
   width: 3px;
   height: 3px;
-  box-shadow: 21px 3px #3e3634,21px 6px #3e3634,21px 9px #3e3634,3px 12px #c3c3c3,6px 12px #c3c3c3,9px 12px #c3c3c3,12px 12px #c3c3c3,15px 12px #c3c3c3,18px 12px #c3c3c3,21px 12px #c3c3c3,24px 12px #c3c3c3,27px 12px #c3c3c3,30px 12px #c3c3c3,33px 12px #c3c3c3,36px 12px #c3c3c3,39px 12px #c3c3c3,42px 12px #c3c3c3,45px 12px #c3c3c3,3px 15px #c3c3c3,6px 15px #3e3634,9px 15px #3e3634,12px 15px #3e3634,15px 15px #3e3634,18px 15px #3e3634,21px 15px #3e3634,24px 15px #3e3634,27px 15px #3e3634,30px 15px #3e3634,33px 15px #3e3634,36px 15px #3e3634,39px 15px #3e3634,42px 15px #3e3634,45px 15px #c3c3c3,3px 18px #c3c3c3,6px 18px #3e3634,9px 18px #3e3634,12px 18px #c3c3c3,15px 18px #3e3634,18px 18px #3e3634,21px 18px #787973,24px 18px #787973,27px 18px #787973,30px 18px #3e3634,33px 18px #3e3634,36px 18px #3e3634,39px 18px #3e3634,42px 18px #3e3634,45px 18px #c3c3c3,3px 21px #c3c3c3,6px 21px #3e3634,9px 21px #c3c3c3,12px 21px #c3c3c3,15px 21px #c3c3c3,18px 21px #3e3634,21px 21px #3e3634,24px 21px #3e3634,27px 21px #3e3634,30px 21px #3e3634,33px 21px #3e3634,36px 21px #3e3634,39px 21px #3e3634,42px 21px #3e3634,45px 21px #c3c3c3,3px 24px #c3c3c3,6px 24px #3e3634,9px 24px #3e3634,12px 24px #c3c3c3,15px 24px #3e3634,18px 24px #3e3634,21px 24px #787973,24px 24px #787973,27px 24px #787973,30px 24px #3e3634,33px 24px #bf1710,36px 24px #3e3634,39px 24px #bf1710,42px 24px #3e3634,45px 24px #c3c3c3,3px 27px #c3c3c3,6px 27px #3e3634,9px 27px #3e3634,12px 27px #3e3634,15px 27px #3e3634,18px 27px #3e3634,21px 27px #3e3634,24px 27px #3e3634,27px 27px #3e3634,30px 27px #3e3634,33px 27px #3e3634,36px 27px #3e3634,39px 27px #3e3634,42px 27px #3e3634,45px 27px #c3c3c3,3px 30px #c3c3c3,6px 30px #c3c3c3,9px 30px #c3c3c3,12px 30px #c3c3c3,15px 30px #c3c3c3,18px 30px #c3c3c3,21px 30px #c3c3c3,24px 30px #c3c3c3,27px 30px #c3c3c3,30px 30px #c3c3c3,33px 30px #c3c3c3,36px 30px #c3c3c3,39px 30px #c3c3c3,42px 30px #c3c3c3,45px 30px #c3c3c3;;
+  box-shadow: 21px 3px #333,21px 6px #333,24px 9px #333,9px 12px #333,12px 12px #333,15px 12px #333,18px 12px #333,21px 12px #333,24px 12px #333,27px 12px #333,30px 12px #333,33px 12px #333,36px 12px #333,39px 12px #333,6px 15px #333,9px 15px #d7d7d7,12px 15px #d7d7d7,15px 15px #d7d7d7,18px 15px #d7d7d7,21px 15px #d7d7d7,24px 15px #d7d7d7,27px 15px #d7d7d7,30px 15px #d7d7d7,33px 15px #d7d7d7,36px 15px #d7d7d7,39px 15px #d7d7d7,42px 15px #333,3px 18px #333,6px 18px #d7d7d7,9px 18px #d7d7d7,12px 18px #333,15px 18px #d7d7d7,18px 18px #d7d7d7,21px 18px #d7d7d7,24px 18px #d7d7d7,27px 18px #d7d7d7,30px 18px #d7d7d7,33px 18px #d7d7d7,36px 18px #999cf7,39px 18px #d7d7d7,42px 18px #d7d7d7,45px 18px #333,3px 21px #333,6px 21px #d7d7d7,9px 21px #333,12px 21px #333,15px 21px #333,18px 21px #d7d7d7,21px 21px #d7d7d7,24px 21px #d7d7d7,27px 21px #d7d7d7,30px 21px #d7d7d7,33px 21px #7dbb78,36px 21px #d7d7d7,39px 21px #f40500,42px 21px #d7d7d7,45px 21px #333,3px 24px #333,6px 24px #d7d7d7,9px 24px #d7d7d7,12px 24px #333,15px 24px #d7d7d7,18px 24px #d7d7d7,21px 24px #333,24px 24px #d7d7d7,27px 24px #333,30px 24px #d7d7d7,33px 24px #d7d7d7,36px 24px #f6f504,39px 24px #d7d7d7,42px 24px #d7d7d7,45px 24px #333,6px 27px #333,9px 27px #d7d7d7,12px 27px #d7d7d7,15px 27px #d7d7d7,18px 27px #d7d7d7,21px 27px #d7d7d7,24px 27px #d7d7d7,27px 27px #d7d7d7,30px 27px #d7d7d7,33px 27px #d7d7d7,36px 27px #d7d7d7,39px 27px #d7d7d7,42px 27px #333,9px 30px #333,12px 30px #333,15px 30px #333,18px 30px #333,21px 30px #333,24px 30px #333,27px 30px #333,30px 30px #333,33px 30px #333,36px 30px #333,39px 30px #333;;
 }
 
 .bcrikko {

index.html

@@ -30,7 +30,7 @@
 
   <body>
     <header>
-      <h1><i class="nes-logo brand"></i>NES.css</h1>
+      <h1><i class="snes-logo brand"></i>NES.css</h1>
       <p>NES-style CSS Framework.</p>
     </header>
 

scss/pixel-arts/_index.scss

@@ -1,5 +1,5 @@
 @charset "utf-8";
 
-@import "nes-icon.scss";
+@import "snes-icon.scss";
 @import "bcrikko.scss";
 @import "octocat.scss";

scss/pixel-arts/snes-icon.scss

@@ -0,0 +1,33 @@
+.snes-logo {
+  $px: 3px;
+  $logo-colors: (#333, #d7d7d7, #7dbb78, #999cf7, #f40500, #f6f504);
+
+  // prettier-ignore
+  $logo: (
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,1,0,0,0,0,0,0,0,0),
+    (0,0,0,0,0,0,0,1,0,0,0,0,0,0,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0),
+    (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+    (1,2,2,1,2,2,2,2,2,2,2,4,2,2,1),
+    (1,2,1,1,1,2,2,2,2,2,3,2,5,2,1),
+    (1,2,2,1,2,2,1,2,1,2,2,6,2,2,1),
+    (0,1,2,2,2,2,2,2,2,2,2,2,2,1,0),
+    (0,0,1,1,1,1,1,1,1,1,1,1,1,0,0)
+  );
+
+  position: relative;
+  display: inline-block;
+  width: $px * 16;
+  height: $px * 11;
+
+  &::before {
+    position: absolute;
+    top: $px * -1;
+    left: $px * -1;
+    content: "";
+    background: transparent;
+
+    @include pixelize($logo, $logo-colors, $px);
+  }
+}