diff --git a/packages/gatsby-theme-carbon/gatsby-config.js b/packages/gatsby-theme-carbon/gatsby-config.js
index 5ddab29b7..150f602ab 100644
--- a/packages/gatsby-theme-carbon/gatsby-config.js
+++ b/packages/gatsby-theme-carbon/gatsby-config.js
@@ -135,7 +135,7 @@ module.exports = themeOptions => {
           display: 'browser',
           icon: iconPath
             ? path.resolve(iconPath)
-            : require.resolve('./src/images/favicon.png'),
+            : require.resolve('./src/images/favicon.svg'),
         },
       },
       `gatsby-plugin-react-helmet`,
diff --git a/packages/gatsby-theme-carbon/src/images/favicon.png b/packages/gatsby-theme-carbon/src/images/favicon.png
deleted file mode 100644
index 29685368f..000000000
Binary files a/packages/gatsby-theme-carbon/src/images/favicon.png and /dev/null differ
diff --git a/packages/gatsby-theme-carbon/src/images/favicon.svg b/packages/gatsby-theme-carbon/src/images/favicon.svg
new file mode 100644
index 000000000..4fb002aac
--- /dev/null
+++ b/packages/gatsby-theme-carbon/src/images/favicon.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="m256 160a96 96 0 0 0 -96 96v128a96 96 0 0 0 192 0v-128a96 96 0 0 0 -96-96zm-68 125.92h136v68h-136zm68 166.08a68.33 68.33 0 0 1 -68-68v-2.08h136v2.08a68.33 68.33 0 0 1 -68 68zm68-194.08h-136v-1.92a68 68 0 0 1 136 0zm166.56 49.44-106.56-99.36v145.6a64 64 0 0 0 128 0 61.27 61.27 0 0 0 -21.44-46.24zm-42.56 82.24a36 36 0 0 1 -36-36v-81.6l59.52 55.52a32.81 32.81 0 0 1 11.68 24.48 36 36 0 0 1 -34.36 37.57zm-448-36a64 64 0 0 0 128 0v-145.6l-106.56 99.36a62.07 62.07 0 0 0 -21.44 46.24zm39.68-25 60.32-56.6v81.6a36 36 0 0 1 -72 0 32.8 32.8 0 0 1 11.68-24.96zm200.32-240.6a56 56 0 1 0 -56 56 56 56 0 0 0 56-56zm-84 0a28 28 0 1 1 28 28 28.32 28.32 0 0 1 -28-28zm172-56a56 56 0 1 0 56 56 56 56 0 0 0 -56-56zm0 84a28 28 0 1 1 28-28 28.32 28.32 0 0 1 -28 28z" fill="#878d96"/></svg>
\ No newline at end of file