diff --git a/_assets/icons/favicon.svg b/_assets/icons/favicon.svg
new file mode 100644
index 0000000..4d52a6a
--- /dev/null
+++ b/_assets/icons/favicon.svg
@@ -0,0 +1,5 @@
+<svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
+  <g fill="none" fill-rule="evenodd">
+    <path d="M27.868 18.942c0-2.548-2.392-4.993-4.926-4.993-2.313 0-4.626 1.816-4.942 4.054v10l-4.058-.03v-1.587c-1.298.97-3.198 1.812-4.87 1.812C4.017 28.2.03 24.54.03 19.05c0-5.488 4.08-9.093 9.124-9.105l3.778.062.012 4.01H9.168c-2.556 0-5.074 2.45-5.074 4.997 0 2.55 2.32 4.94 4.853 4.94 2.354 0 4.78-2.716 5.043-5.012-.01-.177 0-13.938 0-13.938L18 5v6.254c1.31-1.06 3.352-1.555 5.005-1.555C28.06 9.7 32 13.857 32 18.94c0 5.083-4.14 9.055-9.195 9.055l-3.83-.023.003-3.94 3.826-.088c2.556 0 5.064-2.456 5.064-5.004z" fill="url(#a)"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/_layouts/default.html b/_layouts/default.html
index c4d7153..d6cbc62 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -38,6 +38,9 @@
     <meta name="msapplication-TileColor" content="#4B8400">
     <meta name="application-name" content="DanBarber.me">
 
+    <!-- Safari pinned tab -->
+    <link rel="mask-icon" href="{{ 'favicon.svg' | asset_path }}" color="#4B8400">
+
     <script type="text/javascript" src="//use.typekit.com/ori1zzm.js"></script>
     <script type="text/javascript">try{Typekit.load();}catch(e){}</script>
   </head>