diff --git a/src/about/AboutDialog.tsx b/src/about/AboutDialog.tsx
index 7450d20a..48e96891 100644
--- a/src/about/AboutDialog.tsx
+++ b/src/about/AboutDialog.tsx
@@ -18,6 +18,7 @@ import {
 import LicenseDialog from '../licenses/LicenseDialog';
 import ExternalLinkIcon from '../utils/ExternalLinkIcon';
 import { useI18n } from './i18n';
+import icon from './icon.svg';
 
 import './about.scss';
 
@@ -39,7 +40,7 @@ const AboutDialog: React.VoidFunctionComponent<AboutDialogProps> = ({
         >
             <div className={Classes.DIALOG_BODY}>
                 <div className="pb-about-icon">
-                    <img src="favicon.ico" />
+                    <img src={icon} alt="Pybricks logo" />
                 </div>
                 <p>
                     <strong>
diff --git a/src/about/icon.svg b/src/about/icon.svg
new file mode 100644
index 00000000..9193f9ee
--- /dev/null
+++ b/src/about/icon.svg
@@ -0,0 +1 @@
+<svg width="72" height="72" version="1.1" viewBox="0 0 38.1 38.1" xmlns="http://www.w3.org/2000/svg"><rect x="-3.4694e-18" width="38.1" height="38.1" rx="2.1166" ry="2.1166" fill="#0088ce"/><g transform="matrix(.98971 -.46716 .46716 .98971 -126.41 -255.2)"><path d="m1.9234 276.13c-1.0655 0-1.9234 0.85655-1.9234 1.9213v10.588c0 1.0648 0.85787 1.9213 1.9234 1.9213h3.3755c1.0655 0 1.9234-0.85653 1.9234-1.9213v-0.47646h12.014v0.47646c0 1.0648 0.85787 1.9213 1.9234 1.9213h3.3755c1.0655 0 1.9234-0.85653 1.9234-1.9213v-10.588c0-1.0648-0.85786-1.9213-1.9234-1.9213h-3.3755c-5.4826 0.0358-11.132 0.0125-15.861 0zm0.49609 2.4123h21.644v9.617h-2.3978v-2.3916h-2.0691v-0.89193h-0.74311v0.89193h-1.664v-0.89193h-0.74001v0.89193h-1.664v-0.89193h-0.74001v0.89193h-1.664v-0.89193h-0.74311v0.89193h-1.664v-0.89193h-0.74104v0.89193h-1.664v-0.89193h-0.68316v0.89193h-2.0691v2.3916h-2.3978v-3.2835z" fill="#fcfcfc"/><ellipse cx="8.4499" cy="281.03" rx="1.7076" ry="1.7064" fill="#fff"/><ellipse cx="18.033" cy="281.03" rx="1.7076" ry="1.7064" fill="#fff"/></g></svg>