diff --git a/src/assets/icons/xCircleFilled.svg b/src/assets/icons/xCircleFilled.svg
new file mode 100644
index 00000000..aa66989a
--- /dev/null
+++ b/src/assets/icons/xCircleFilled.svg
@@ -0,0 +1,3 @@
+
diff --git a/src/components/inlineBanner/inlineBanner.tsx b/src/components/inlineBanner/inlineBanner.tsx
index 073fb6c9..fba3ab2c 100644
--- a/src/components/inlineBanner/inlineBanner.tsx
+++ b/src/components/inlineBanner/inlineBanner.tsx
@@ -43,7 +43,7 @@ const bannerConstants: Record = {
error: {
backgroundColor: palette.red.shade20,
iconColor: palette.red.shade40,
- icon: 'WarningFilled'
+ icon: 'XCircleFilled'
},
warning: {
backgroundColor: palette.orange.shade20,
diff --git a/src/elements/icon/icon.tsx b/src/elements/icon/icon.tsx
index 3175c9ed..50510774 100644
--- a/src/elements/icon/icon.tsx
+++ b/src/elements/icon/icon.tsx
@@ -59,6 +59,7 @@ import Trash from '../../assets/icons/trash.svg';
import TrashFilled from '../../assets/icons/trashFilled.svg';
import UserSquare from '../../assets/icons/userSquare.svg';
import WarningFilled from '../../assets/icons/warningFilled.svg';
+import XCircleFilled from '../../assets/icons/xCircleFilled.svg';
import {greys} from '../../helpers/colorHelpers';
import {getIconViewBox} from './iconViewBoxes';
@@ -127,7 +128,8 @@ const importedIcons = {
Trash,
TrashFilled,
UserSquare,
- WarningFilled
+ WarningFilled,
+ XCircleFilled
} as const;
export type IconName = keyof typeof importedIcons;