From 4b92584ad2518bda1e605f47bd803bd444e10a0d Mon Sep 17 00:00:00 2001
From: Adam DeHaven <2229946+adamdehaven@users.noreply.github.com>
Date: Mon, 23 Dec 2024 13:59:26 -0500
Subject: [PATCH] fix(kalert): use proper danger icon (#2550)

---
 src/components/KAlert/KAlert.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/KAlert/KAlert.vue b/src/components/KAlert/KAlert.vue
index af07769df7..ab7bdc6fd1 100644
--- a/src/components/KAlert/KAlert.vue
+++ b/src/components/KAlert/KAlert.vue
@@ -50,7 +50,7 @@ import { computed } from 'vue'
 import type { PropType } from 'vue'
 import type { AlertAppearance } from '@/types'
 import { AlertAppearances } from '@/types'
-import { InfoIcon, CheckCircleIcon, WarningIcon, ClearIcon, CloseIcon } from '@kong/icons'
+import { InfoIcon, CheckCircleIcon, WarningIcon, DangerIcon, CloseIcon } from '@kong/icons'
 import { KUI_ICON_SIZE_40 } from '@kong/design-tokens'
 
 type AlertIcon = typeof InfoIcon // all icons are the same type so we can use any of them
@@ -92,7 +92,7 @@ const getAlertIcon = computed((): AlertIcon => {
     case AlertAppearances.warning:
       return WarningIcon
     case AlertAppearances.danger:
-      return ClearIcon
+      return DangerIcon
     default:
       return InfoIcon // info as default in case of invalid appearance
   }