diff --git a/web/VIEWS/observation.html b/web/VIEWS/observation.html
index f9c3378..6a7eb7d 100644
--- a/web/VIEWS/observation.html
+++ b/web/VIEWS/observation.html
@@ -225,7 +225,7 @@
             var url  = el.getAttribute("value");
             var name = el.innerHTML;
 
-            document.getElementById("artefact-title").innerHTML = name;
+            document.getElementById("artefact-title").innerHTML = name + " <a href='" + url + "' download><img class='icon' width='24' height='24' src='/static/icons/download.svg'></a>";
 
             if (extension(name) == "png" || extension(name) == "jpg" ) {
               getMeta(url, (err, img) => {
diff --git a/web/static/icons/download.svg b/web/static/icons/download.svg
new file mode 100644
index 0000000..0f043e8
--- /dev/null
+++ b/web/static/icons/download.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-download" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
+  <path stroke="none" d="M0 0h24v24H0z" fill="none"/>
+  <path d="M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2 -2v-2" />
+  <path d="M7 11l5 5l5 -5" />
+  <path d="M12 4l0 12" />
+</svg>
+
+