diff --git a/sass/_project-sass/_project-Header.scss b/sass/_project-sass/_project-Header.scss
index 1f07dcc9..11f7da92 100644
--- a/sass/_project-sass/_project-Header.scss
+++ b/sass/_project-sass/_project-Header.scss
@@ -258,8 +258,33 @@
 	  @media (max-device-width:480px), screen and (max-width:800px){
 	    display:block;
 	  }
+    
+    >.fa-heart {
+      vertical-align: .5em;
+      margin-left: .3em;
+      font-size: 9px;
+      position: relative;    
+      color: rgba(255, 255, 255, 0.4);
+    
+      >.fa-heart {
+        display:none;
+      }
+    }
 	  
-		&:hover{background:#528995; text-decoration:underline}
+		&:hover{
+      background:#528995; text-decoration:underline;
+      >.fa-heart {
+        color: rgba(255, 255, 255, 1);
+        >.fa-heart {
+          color: $c-Brand-1;
+          position: absolute;
+          left: 2px;
+          top: .25em;
+          font-size: 7px;
+          display: inline;
+        }
+      }
+    }
 		&.selected, &:active{background:#528995; text-decoration:underline}
 	}
   
diff --git a/views/_header.erb b/views/_header.erb
index a1f51821..61fa7a08 100644
--- a/views/_header.erb
+++ b/views/_header.erb
@@ -20,7 +20,7 @@
         <a href="/api" title="Neocities Developers API">API</a>
       </li>
       <li>
-        <a href="/plan" title="Support Neocities">Support Us</a>
+        <a href="/plan" title="Support Neocities">Support Us<i class="fa fa-heart"><i class="fa fa-heart"></i></i></a>
       </li>
     </ul>
     
diff --git a/views/index.erb b/views/index.erb
index 311d6cc1..7100e34a 100644
--- a/views/index.erb
+++ b/views/index.erb
@@ -65,7 +65,7 @@
                 <a href="/api" title="Neocities Developers API">API</a>
               </li>
               <li>
-                <a href="/plan" title="Support Neocities">Support Us</a>
+                <a href="/plan" title="Support Neocities">Support Us<i class="fa fa-heart"><i class="fa fa-heart"></i></i></a>
               </li>
             </ul>