diff --git a/download-save.svg b/download-save.svg
new file mode 100644
index 0000000..9c274a9
--- /dev/null
+++ b/download-save.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg width="100%" height="100%" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
+    <style>
+.fill {
+    fill: #888;
+}
+.fill:hover {
+    fill: #F0F;
+}
+    </style>
+    <g transform="matrix(0.833333,0,0,1,21.3333,0)">
+        <rect x="32" y="192" width="192" height="32" class="fill"/>
+    </g>
+    <g transform="matrix(-1.66667,-2.44929e-16,1.15062e-16,-1.12746,261.333,294.433)">
+        <path d="M80,106.849L128,176L32,176L80,106.849Z" class="fill"/>
+    </g>
+    <g transform="matrix(0.625,0,0,1.33333,48,10.6667)">
+        <rect x="64" y="16" width="128" height="48" class="fill"/>
+    </g>
+</svg>
diff --git a/index.html b/index.html
index aae0877..59d8b0f 100644
--- a/index.html
+++ b/index.html
@@ -149,6 +149,9 @@
   padding-left: 1em;
   cursor: pointer;
 }
+#download img {
+  width: 1em;
+}
 /*
 This class is used to show text that is only available
 when the user copies text or downloads the report to a file.
@@ -162,7 +165,7 @@
     <style id="dynamic-style"></style>
   </head>
   <body>
-    <h1><img src="webgpu-notext.svg" class="logo">WebGPU Report <div class="hide-on-copy" title="download to file" id="download">⬇️</div></h1>
+    <h1><img src="webgpu-notext.svg" class="logo">WebGPU Report <div class="hide-on-copy" title="download to file" id="download"><img src="download-save.svg"></div></h1>
     <div id="content"></div>
 <style>
 #forkongithub {
