1 files changed, 10 insertions, 6 deletions
diff --git a/src/components/Global/StatusIcon.vue b/src/components/Global/StatusIcon.vue
index 4552633e..fb818451 100644
--- a/src/components/Global/StatusIcon.vue
+++ b/src/components/Global/StatusIcon.vue
@@ -1,26 +1,30 @@
 <template>
   <span :class="['status-icon', status]">
     <icon-info v-if="status === 'info'" />
-    <icon-success v-else-if="status === 'success'" />
+    <img
+      v-else-if="status === 'success'"
+      class="status__img"
+      src="@/assets/images/status/on.svg"
+    />
     <icon-warning v-else-if="status === 'warning'" />
-    <icon-danger v-else-if="status === 'danger'" />
+    <img
+      v-else-if="status === 'danger'"
+      class="status__img"
+      src="@/assets/images/status/off.svg"
+    />
     <icon-secondary v-else />
   </span>
 </template>
 
 <script>
 import IconInfo from '@carbon/icons-vue/es/information--filled/20';
-import IconCheckmark from '@carbon/icons-vue/es/checkmark--filled/20';
 import IconWarning from '@carbon/icons-vue/es/warning--filled/20';
 import IconError from '@carbon/icons-vue/es/error--filled/20';
-import IconMisuse from '@carbon/icons-vue/es/misuse/20';
 
 export default {
   name: 'StatusIcon',
   components: {
     IconInfo: IconInfo,
-    iconSuccess: IconCheckmark,
-    iconDanger: IconMisuse,
     iconSecondary: IconError,
     iconWarning: IconWarning,
   },