diff --git a/app/ui/archiveTile.js b/app/ui/archiveTile.js
index 22461970..92689340 100644
--- a/app/ui/archiveTile.js
+++ b/app/ui/archiveTile.js
@@ -168,9 +168,10 @@ module.exports = function(state, emit, archive) {
     platform() === 'web'
       ? html`
           <a
-            class="text-blue hover:text-blue-dark focus:text-blue-darker font-medium"
+            class="flex items-end text-blue hover:text-blue-dark focus:text-blue-darker font-medium"
             href="${archive.url}"
           >
+            <img src="${assets.get('download.svg')}" class="mr-1" />
             ${state.translate('downloadButtonLabel')}
           </a>
         `
diff --git a/assets/download.svg b/assets/download.svg
new file mode 100644
index 00000000..26412ba7
--- /dev/null
+++ b/assets/download.svg
@@ -0,0 +1 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13 3a1 1 0 1 0-2 0v11.586l-4.293-4.293a1 1 0 0 0-1.414 1.414l6 6a1 1 0 0 0 1.414 0l6-6a1 1 0 0 0-1.414-1.414L13 14.586V3zM5 21a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H6a1 1 0 0 1-1-1z" fill="#0A8DFF"></path></svg>
\ No newline at end of file