diff --git a/css/brands-extended.css b/css/brands-extended.css
index 2935a6a..e50542d 100644
--- a/css/brands-extended.css
+++ b/css/brands-extended.css
@@ -47,17 +47,17 @@ button {
 }
 button:hover,
 .button:focus {
-  color: #333;
-  border-color: #888;
+  color: #333333;
+  border-color: #888888;
   outline: 0;
 }
 .button.button-primary {
-  color: #fff;
+  color: #ffffff;
   filter: brightness(90%);
 }
 .button.button-primary:hover,
 .button.button-primary:focus {
-  color: #fff;
+  color: #ffffff;
   filter: brightness(90%);
 }
 
@@ -86,8 +86,8 @@ button:hover,
 
 /* 500px */
 .button.button-500px {
-  color: #000;
-  background-color: #ffff;
+  color: #000000;
+  background-color: #ffffff;
 }
 .button.button-500px:hover,
 .button.button-500px:focus {
@@ -97,7 +97,7 @@ button:hover,
 /* Behance */
 .button.button-behance {
   color: #1769ff;
-  background-color: #ffff;
+  background-color: #ffffff;
 }
 .button.button-behance:hover,
 .button.button-behance:focus {
@@ -106,8 +106,8 @@ button:hover,
 
 /* Codepen */
 .button.button-codepen {
-  color: #0000;
-  background-color: #ffff;
+  color: #000000;
+  background-color: #ffffff;
 }
 .button.button-codepen:hover,
 .button.button-codepen:focus {
@@ -136,7 +136,7 @@ button:hover,
 
 /* Hackerearth */
 .button.button-hackerearth {
-  color: #fff;
+  color: #ffffff;
   background-color: #2b3352;
 }
 .button.button-hackerearth:hover,
@@ -146,14 +146,24 @@ button:hover,
 
 /* Hackerrank */
 .button.button-hackerrank {
-  color: #0000;
-  background-color: #ffff;
+  color: #000000;
+  background-color: #ffffff;
 }
 .button.button-hackerrank:hover,
 .button.button-hackerrank:focus {
   filter: brightness(90%);
 }
 
+/* itch.io */
+.button.button-itchio {
+  color: #ffffff;
+  background-color: #fa5c5c;
+}
+.button.button-itchio:hover,
+.button.button-itchio:focus {
+  filter: brightness(90%);
+}
+
 /* Micro.blog */
 .button.button-microblog {
   color: #FFFFFF;
@@ -165,7 +175,7 @@ button:hover,
   /* MyAnimeList */
 .button.button-myanimelist {
   color: #133a95;
-  background-color: #fff }
+  background-color: #ffffff }
 .button.button-myanimelist:hover,
 .button.button-myanimelist:focus {
   filter: brightness(90%) }
@@ -190,10 +200,10 @@ button:hover,
   filter: brightness(90%);
 }
 
-  /*  Vero */
-  .button.button-vero {
-    color: #fff;
-    background-color: #000 }
-  .button.button-vero:hover,
-  .button.button-vero:focus {
-    filter: brightness(90%) }
\ No newline at end of file
+/*  Vero */
+.button.button-vero {
+  color: #ffffff;
+  background-color: #000000 }
+.button.button-vero:hover,
+.button.button-vero:focus {
+  filter: brightness(90%) }
\ No newline at end of file
diff --git a/images/icons-extended/itchio.svg b/images/icons-extended/itchio.svg
new file mode 100644
index 0000000..1887c52
--- /dev/null
+++ b/images/icons-extended/itchio.svg
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 25.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 261.7 235.5" style="enable-background:new 0 0 261.7 235.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M34.1,1.5C22.7,8.2,0.2,34.1,0,40.9v11.2c0,14.2,13.3,26.7,25.4,26.7c14.5,0,26.6-12,26.6-26.3
+	c0,14.3,11.7,26.3,26.1,26.3c14.5,0,25.8-12,25.8-26.3c0,14.3,12.4,26.3,26.9,26.3h0.3c14.5,0,26.9-12,26.9-26.3
+	c0,14.3,11.3,26.3,25.8,26.3c14.5,0,26.1-12,26.1-26.3c0,14.3,12.1,26.3,26.6,26.3c12.1,0,25.4-12.5,25.4-26.7V40.9
+	c-0.2-6.8-22.7-32.6-34.1-39.4C192.1,0.2,167.5,0,130.9,0C94.2,0,44.2,0.6,34.1,1.5L34.1,1.5z M103.7,72.1c-1.4,2.4-3.1,4.6-5.1,6.6
+	c-5.5,5.3-13,8.7-21.2,8.7c-8,0-15.6-3.1-21.3-8.7c-2-1.9-3.5-4-4.9-6.4l0,0c-1.4,2.4-3.3,4.5-5.3,6.4c-5.7,5.6-13.3,8.7-21.3,8.7
+	c-1,0-2-0.3-2.9-0.6c-1.2,12.1-1.7,23.7-1.8,32.2l0,0c0,4.3,0,7.8-0.1,12.7c0.2,25.5-2.5,82.5,11.2,96.5c21.3,5,60.5,7.2,99.8,7.2h0
+	c39.3,0,78.5-2.3,99.8-7.2c13.7-14,11-71.1,11.2-96.5c0-4.9,0-8.4-0.1-12.7l0,0c-0.2-8.5-0.7-20-1.8-32.2c-0.8,0.3-1.9,0.6-2.9,0.6
+	c-8,0-15.6-3.1-21.3-8.7c-2-1.9-3.9-4-5.3-6.4l0,0c-1.4,2.4-2.9,4.5-4.9,6.4c-5.7,5.6-13.3,8.7-21.3,8.7c-8.3,0-15.8-3.3-21.2-8.7
+	c-2-1.9-3.7-4.2-5.1-6.6c-1.4,2.4-3.1,4.6-5.1,6.6c-5.7,5.6-13.3,8.7-21.3,8.7c-0.3,0-0.6,0-0.9,0h0c-0.3,0-0.6,0-0.9,0
+	c-8,0-15.6-3.1-21.3-8.7C106.7,76.7,105,74.5,103.7,72.1L103.7,72.1z M81.8,100.3L81.8,100.3L81.8,100.3c8.7,0,16.4,0,25.9,10.4
+	c7.5-0.8,15.3-1.2,23.2-1.2h0c7.8,0,15.7,0.4,23.2,1.2c9.5-10.4,17.2-10.4,25.9-10.4h0l0,0c4.1,0,20.4,0,31.8,32l12.2,43.9
+	c9.1,32.7-2.9,33.5-17.8,33.5c-22.2-0.8-34.4-16.9-34.4-33c-12.3,2-26.6,3-40.9,3h0c-14.3,0-28.6-1-40.9-3c0,16.1-12.3,32.2-34.4,33
+	c-14.9,0-26.9-0.8-17.8-33.5L50,132.4C61.4,100.3,77.7,100.3,81.8,100.3L81.8,100.3z M130.9,125.5L130.9,125.5
+	c0,0-23.3,21.4-27.5,29l15.3-0.6v13.3c0,0.6,6.1,0.4,12.3,0.1h0c6.1,0.3,12.3,0.5,12.3-0.1v-13.3l15.3,0.6
+	C154.2,146.9,130.9,125.5,130.9,125.5L130.9,125.5L130.9,125.5L130.9,125.5z"/>
+</svg>
diff --git a/preview.html b/preview.html
index 9f55826..52582d7 100644
--- a/preview.html
+++ b/preview.html
@@ -101,15 +101,14 @@
           <img class="icon" src="images/icons-extended/500px.svg" alt="500px Logo">500px</a>
         <br>
 
-
         <!-- Behance -->
         <a class="button button-behance" href="#" target="_blank" rel="noopener">
             <img class="icon" src="images/icons-extended/behance.svg" alt="Behance Logo">Behance</a>
         <br>
 
         <!-- Codepen -->
-        <a class="button button-behance" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="images/icons-extended/odepen.svg" alt="Codepen Logo">Codepen</a>
+        <a class="button button-codepen" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons-extended/codepen.svg" alt="Codepen Logo">Codepen</a>
         <br>
 
         <!-- Devpost -->
@@ -119,17 +118,22 @@
 
         <!-- Distiller -->
         <a class="button button-dist" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="images/icons/distiller.svg" alt="Distiller Logo">Distiller</a>
+            <img class="icon" src="images/icons-extended/distiller.svg" alt="Distiller Logo">Distiller</a>
         <br>
 
-      <!-- Hackerearth -->
-      <a class="button button-hackerearth" href="#" target="_blank" rel="noopener">
-        <img class="icon" src="images/icons/hackerearth.svg" alt="HackerRank Logo">HackerEarth</a>
-      <br>
+        <!-- Hackerearth -->
+        <a class="button button-hackerearth" href="#" target="_blank" rel="noopener">
+          <img class="icon" src="images/icons-extended/hackerearth.svg" alt="HackerRank Logo">HackerEarth</a>
+        <br>
 
         <!-- Hackerrank -->
         <a class="button button-hackerrank" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="images/icons/hackerrank.svg" alt="HackerRank Logo">HackerRank</a>
+            <img class="icon" src="images/icons-extended/hackerrank.svg" alt="HackerRank Logo">HackerRank</a>
+        <br>
+
+        <!-- Itch.io -->
+        <a class="button button-itchio" href="#" target="_blank" rel="noopener">
+          <img class="icon" src="images/icons-extended/itchio.svg" alt="itchio Logo">itch.io</a>
         <br>
 
         <!-- MicroBlog -->
@@ -144,7 +148,7 @@
 
         <!-- osu! -->
         <a class="button button-osu" href="#" target="_blank" rel="noopener">
-          <img class="icon" src="images/icons/osu.svg" alt="osu! Logo">osu!</a>
+          <img class="icon" src="images/icons-extended/osu.svg" alt="osu! Logo">osu!</a>
         <br>
 
         <!-- SpaceHey -->