diff --git a/src/public/images/icons/paperclip.png b/src/public/images/icons/paperclip.png
new file mode 100644
index 000000000..7811c9536
Binary files /dev/null and b/src/public/images/icons/paperclip.png differ
diff --git a/src/public/javascripts/note_tree.js b/src/public/javascripts/note_tree.js
index 8e82153dd..b4a4c550f 100644
--- a/src/public/javascripts/note_tree.js
+++ b/src/public/javascripts/note_tree.js
@@ -155,6 +155,9 @@ const noteTree = (function() {
         if (note.type === 'code') {
             extraClasses.push("code");
         }
+        else if (note.type === 'file') {
+            extraClasses.push('attachment');
+        }
 
         return extraClasses.join(" ");
     }
diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css
index de8f6075d..f71e5c14b 100644
--- a/src/public/stylesheets/style.css
+++ b/src/public/stylesheets/style.css
@@ -72,6 +72,11 @@ span.fancytree-node.fancytree-folder.code > span.fancytree-icon {
     background-image: url("../images/icons/code-folder.png");
 }
 
+span.fancytree-node.attachment > span.fancytree-icon {
+    background-position: 0 0;
+    background-image: url("../images/icons/paperclip.png");
+}
+
 span.fancytree-node.protected > span.fancytree-icon {
     filter: drop-shadow(2px 2px 2px black);
 }