diff --git a/css/brands.css b/css/brands.css
index 2296d2a..9e30118 100644
--- a/css/brands.css
+++ b/css/brands.css
@@ -546,6 +546,17 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Trakt */
+.button.button-trakt {
+  color: #ffffff;
+  background-color: #000000;
+  border: 1px solid #FFFFFF;
+}
+.button.button-trakt:hover,
+.button.button-trakt:focus {
+  filter: brightness(90%);
+}
+
 /* Line */
 .button.button-line {
   color: #FFFFFF;
diff --git a/images/icons/trakt.svg b/images/icons/trakt.svg
new file mode 100644
index 0000000..4398c68
--- /dev/null
+++ b/images/icons/trakt.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<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 144.8 144.8" enable-background="new 0 0 144.8 144.8" xml:space="preserve">
+<g>
+	<path fill="#ED2224" d="M29.5,111.8c10.6,11.6,25.9,18.8,42.9,18.8c8.7,0,16.9-1.9,24.3-5.3L56.3,85L29.5,111.8z"/>
+	<path fill="#ED2224" d="M56.1,60.6L25.5,91.1L21.4,87l32.2-32.2h0l37.6-37.6c-5.9-2-12.2-3.1-18.8-3.1c-32.2,0-58.3,26.1-58.3,58.3
+		c0,13.1,4.3,25.2,11.7,35l30.5-30.5l2.1,2l43.7,43.7c0.9-0.5,1.7-1,2.5-1.6L56.3,72.7L27,102l-4.1-4.1l33.4-33.4l2.1,2l51,50.9
+		c0.8-0.6,1.5-1.3,2.2-1.9l-55-55L56.1,60.6z"/>
+	<path fill="#ED1C24" d="M115.7,111.4c9.3-10.3,15-24,15-39c0-23.4-13.8-43.5-33.6-52.8L60.4,56.2L115.7,111.4z M74.5,66.8l-4.1-4.1
+		l28.9-28.9l4.1,4.1L74.5,66.8z M101.9,27.1L68.6,60.4l-4.1-4.1L97.8,23L101.9,27.1z"/>
+	<g>
+		<g>
+			<path fill="#ED2224" d="M72.4,144.8C32.5,144.8,0,112.3,0,72.4C0,32.5,32.5,0,72.4,0s72.4,32.5,72.4,72.4
+				C144.8,112.3,112.3,144.8,72.4,144.8z M72.4,7.3C36.5,7.3,7.3,36.5,7.3,72.4s29.2,65.1,65.1,65.1s65.1-29.2,65.1-65.1
+				S108.3,7.3,72.4,7.3z"/>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/index.html b/index.html
index 9771570..0662259 100644
--- a/index.html
+++ b/index.html
@@ -228,6 +228,9 @@
 
         <!-- Letterboxd -->
         <a class="button button-letterboxd" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/letterboxd.svg" alt="">Letterboxd</a><br>
+        
+        <!-- trakt -->
+        <a class="button button-trakt" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/trakt.svg" alt="">Trakt</a><br>
 
         <!-- Line -->
         <a class="button button-line" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/line.svg" alt="">Line</a><br>