diff --git a/css/tools.css b/css/tools.css
index 69db6316..95a5a2f2 100644
--- a/css/tools.css
+++ b/css/tools.css
@@ -198,6 +198,12 @@
   background-size: 36px 36px;
 }
 
+.tool-icon.gear-icon {
+  background-image: url(../img/gear.png);
+  background-position: 6px 7px;
+  background-size: 32px 32px;
+}
+
 .tool-icon.upload-cloud-icon {
   background-image: url(../img/cloud_export.png);
   background-position: 4px 0px;
diff --git a/img/gear.png b/img/gear.png
new file mode 100644
index 00000000..c09e06fa
Binary files /dev/null and b/img/gear.png differ
diff --git a/index.html b/index.html
index 18aa0140..505997ae 100644
--- a/index.html
+++ b/index.html
@@ -84,12 +84,14 @@
       <div class="application-actions">
         <a class="tool-icon gallery-icon" title="Visit gallery" href="http://juliandescottes.github.io/piskel-website/" rel="tooltip" data-placement="bottom" target="_blank"></a>
         <div class="tool-icon save-icon" title="Save to gallery" onclick="piskel.storeSheet()" rel="tooltip" data-placement="bottom" ></div>
-        <div class="tool-icon upload-cloud-icon" title="Upload as an animated GIF" onclick="piskel.uploadAsAnimatedGIF()" rel="tooltip" data-placement="bottom" >
+        <div class="tool-icon upload-cloud-icon" title="Upload as an animated GIF" onclick="piskel.uploadAsAnimatedGIF()" rel="tooltip" data-placement="bottom">
           <span class="label">GIF</span>
         </div>
-        <div class="tool-icon upload-cloud-icon" title="Upload as a spritesheet PNG" onclick="piskel.uploadAsSpritesheetPNG()" rel="tooltip" data-placement="bottom" >
+        <div class="tool-icon upload-cloud-icon" title="Upload as a spritesheet PNG" onclick="piskel.uploadAsSpritesheetPNG()" rel="tooltip" data-placement="bottom">
           <span class="label">PNG</span>
         </div>
+        <br/>
+        <div class="tool-icon gear-icon" title="Preferences" rel="tooltip" data-placement="bottom"></div>
       </div>
     </div>
   </div>