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