diff --git a/css/icons.scss b/css/icons.scss
index 2410c082d..2b3399b53 100644
--- a/css/icons.scss
+++ b/css/icons.scss
@@ -13,6 +13,10 @@
   background-image: url('../img/add-white.svg');
 }
 
+.icon-attach {
+  background-image: url('../img/attach.svg');
+}
+
 .icon-archive {
   background-image: url('../img/archive.svg');
 }
@@ -55,6 +59,7 @@
   @include icon-black-white('archive', 'deck', 1);
   @include icon-black-white('circles', 'deck', 1);
   @include icon-black-white('clone', 'deck', 1);
+  @include icon-black-white('attach', 'deck', 1);
 
 	.icon-toggle-compact-collapsed {
 		@include icon-color('toggle-view-expand', 'deck', $color-black);
diff --git a/img/attach.svg b/img/attach.svg
new file mode 100644
index 000000000..e79ccfee4
--- /dev/null
+++ b/img/attach.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M16.5 6v11.5c0 2.21-1.79 4-4 4s-4-1.79-4-4V5c0-1.38 1.12-2.5 2.5-2.5s2.5 1.12 2.5 2.5v10.5c0 .55-.45 1-1 1s-1-.45-1-1V6H10v9.5c0 1.38 1.12 2.5 2.5 2.5s2.5-1.12 2.5-2.5V5c0-2.21-1.79-4-4-4S7 2.79 7 5v12.5c0 3.04 2.46 5.5 5.5 5.5s5.5-2.46 5.5-5.5V6h-1.5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
\ No newline at end of file
diff --git a/src/components/card/CardSidebar.vue b/src/components/card/CardSidebar.vue
index e32dde4c1..1232e3fc9 100644
--- a/src/components/card/CardSidebar.vue
+++ b/src/components/card/CardSidebar.vue
@@ -74,7 +74,7 @@
 			<h5>Description</h5>
 			<VueEasymde ref="markdownEditor" v-model="copiedCard.description" :configs="mdeConfig" />
 		</AppSidebarTab>
-		<AppSidebarTab :order="1" name="Attachments" icon="icon-files-dark">
+		<AppSidebarTab :order="1" name="Attachments" icon="icon-attach">
 			{{ currentCard.attachments }}
 			<button class="icon-upload" @click="clickAddNewAttachmment()">
 				{{ t('deck', 'Upload attachment') }}