diff --git a/content/assets/images/12.png b/content/assets/images/12.png
new file mode 100644
index 0000000..b557cfa
Binary files /dev/null and b/content/assets/images/12.png differ
diff --git a/content/assets/images/12urenloop.png b/content/assets/images/12urenloop.png
new file mode 100644
index 0000000..ace0a95
Binary files /dev/null and b/content/assets/images/12urenloop.png differ
diff --git a/content/index.erb b/content/index.erb
index 79326e6..6f1ecce 100644
--- a/content/index.erb
+++ b/content/index.erb
@@ -31,9 +31,7 @@
       </div>
       <div class="tile is-parent is-2">
         <a class="tile box is-child imgcenter project-tile" href="/projects/#12urenloop">
-          <div class="logo-index has-text-centered">
-            12UL
-          </div>
+          <%= asset :img, '12urenloop.png' %>
         </a>
       </div>
       <div class="tile is-parent is-2">
diff --git a/content/projects/12urenloop.md b/content/projects/12urenloop.md
index 1853cfc..b5c272b 100644
--- a/content/projects/12urenloop.md
+++ b/content/projects/12urenloop.md
@@ -2,7 +2,6 @@
 title: 12urenloop
 github: https://github.com/ZeusWPI/12urenloop
 site: https://12urenloop.be/
-logo_letter: L
-logo_color: "#6094DB"
+logo_image: 12urenloop.png
 ---
 Application to count laps based on bluetooth dongle detection. [http://12urenloop.be](http://12urenloop.be)
diff --git a/layouts/partials/_project.erb b/layouts/partials/_project.erb
index e47d43b..f98ae7b 100644
--- a/layouts/partials/_project.erb
+++ b/layouts/partials/_project.erb
@@ -1,9 +1,15 @@
 <div id="<%= project.identifier.without_ext.split('/')[-1] %>" class="container project content">
   <article class="columns is-mobile">
     <div class="column is-one-quarter">
-      <div class="logo" style="background-color: <%= project[:logo_color]%>">
-        <div class="logo-initial has-text-centered"><%= project[:logo_letter]%></div>
-      </div>
+      <% if project[:logo_image] %>
+        <div class="logo">
+          <%= asset :img, project[:logo_image] %>
+        </div>
+      <% else %>
+        <div class="logo" style="background-color: <%= project[:logo_color]%>">
+          <div class="logo-initial has-text-centered"><%= project[:logo_letter]%></div>
+        </div>
+      <% end %>
     </div>
     <div class="column">
       <p class="title"><a href="<%= project[:site] %>" target="_self"><%= project[:title] %></a></p>