diff --git a/fractal.js b/fractal.js
index 16be8c1b..e3c37c35 100644
--- a/fractal.js
+++ b/fractal.js
@@ -53,7 +53,8 @@ const pineconeTheme = mandelbrot( {
 	styles: [
 		'default',
 		'/styles/mandelbrot.css'
-	]
+	],
+	favicon: '/images/favicon.png'
 } );
 
 fractal.web.theme( pineconeTheme );
diff --git a/src/assets/images/favicon.png b/src/assets/images/favicon.png
new file mode 100644
index 00000000..49a5f6a2
Binary files /dev/null and b/src/assets/images/favicon.png differ
diff --git a/src/assets/images/favicon.svg b/src/assets/images/favicon.svg
new file mode 100644
index 00000000..cebb87aa
--- /dev/null
+++ b/src/assets/images/favicon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><defs><style>.cls-1{fill:#1e7d79;}</style></defs><title>favicon</title><g id="Designs"><polygon class="cls-1" points="8.54 11.06 4.77 1 1 11.06 3.59 11.06 3.59 15 5.95 15 5.95 11.06 8.54 11.06"/><polygon class="cls-1" points="15 11.06 11.23 1 7.46 11.06 10.05 11.06 10.05 15 12.41 15 12.41 11.06 15 11.06"/></g></svg>
\ No newline at end of file
diff --git a/src/components/_preview.njk b/src/components/_preview.njk
index 5a80493b..df73dcc9 100644
--- a/src/components/_preview.njk
+++ b/src/components/_preview.njk
@@ -7,7 +7,7 @@
 		<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
 		<link rel="stylesheet" href="{{ '/styles/pinecone.css' | path }}">
 		<link rel="apple-touch-icon" sizes="180x180" href="{{ '/images/apple-touch-icon.png' | path }}">
-		<link rel="icon" type="image/ico" href="{{ '/themes/mandelbrot/favicon.ico' | path }}" >
+		<link rel="icon" href="{{ '/images/favicon.png' | path }}" >
 		<title>{{ _target.title }} | Pinecone</title>
 	</head>