diff --git a/src/assets/icons/error.svg b/src/assets/icons/error.svg
new file mode 100644
index 0000000..70f1299
--- /dev/null
+++ b/src/assets/icons/error.svg
@@ -0,0 +1,10 @@
+
diff --git a/src/components/Notifications/NotificationItem.vue b/src/components/Notifications/NotificationItem.vue
index c471d05..93be2b6 100644
--- a/src/components/Notifications/NotificationItem.vue
+++ b/src/components/Notifications/NotificationItem.vue
@@ -2,7 +2,12 @@
.notification-container.flex.justify-between(:style="{ backgroundColor: bgColor }")
.notification-content.flex.mr-16
.grid(:class="{'grid-rows': message}")
- .text-white.text-xs.icon.row-span-full.flex.justify-center.items-center(:class="iconClass")
+ .text-white.text-xs.icon.row-span-full.flex.justify-center.items-center(
+ v-if="this.type !== 'error'",
+ :class="iconClass"
+ )
+ .error.text-xs.row-span-full.flex.justify-center.items-center(v-else)
+ img(:src="errorIcon")
.text-white.text-base.font-black(v-if="title") {{ title }}
.text-white.text-base.font-semibold(v-if="message") {{ message }}
.icon-cancel.cursor-pointer.text-white.opacity-50.text-sm(class="hover:opacity-100 active:opacity-75", @click="delNotification")
@@ -10,6 +15,7 @@