diff --git a/apps/app/components/icons/error-icon.tsx b/apps/app/components/icons/error-icon.tsx
new file mode 100644
index 000000000..760893e68
--- /dev/null
+++ b/apps/app/components/icons/error-icon.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const ErrorIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <g clip-path="url(#clip0_3327_77971)">
+      <path
+        d="M9 1.5C4.8525 1.5 1.5 4.8525 1.5 9C1.5 13.1475 4.8525 16.5 9 16.5C13.1475 16.5 16.5 13.1475 16.5 9C16.5 4.8525 13.1475 1.5 9 1.5ZM12.75 11.6925L11.6925 12.75L9 10.0575L6.3075 12.75L5.25 11.6925L7.9425 9L5.25 6.3075L6.3075 5.25L9 7.9425L11.6925 5.25L12.75 6.3075L10.0575 9L12.75 11.6925Z"
+        fill="#FF5353"
+      />
+    </g>
+    <defs>
+      <clipPath id="clip0_3327_77971">
+        <rect width="18" height="18" fill="white" />
+      </clipPath>
+    </defs>
+  </svg>
+);
diff --git a/apps/app/components/icons/index.ts b/apps/app/components/icons/index.ts
index 0c2f045b6..f71dd7f0c 100644
--- a/apps/app/components/icons/index.ts
+++ b/apps/app/components/icons/index.ts
@@ -43,7 +43,7 @@ export * from "./user-icon";
 export * from "./grid-view-icons";
 export * from "./assignment-clipboard-icon";
 export * from "./tick-mark-icon";
-export * from "./target-icon"
+export * from "./target-icon";
 export * from "./contrast-icon";
 export * from "./people-group-icon";
 export * from "./cmd-icon";
@@ -72,4 +72,6 @@ export * from "./svg-file-icon";
 export * from "./txt-file-icon";
 export * from "./default-file-icon";
 export * from "./video-file-icon";
-export * from "./audio-file-icon";
\ No newline at end of file
+export * from "./audio-file-icon";
+export * from "./success-icon";
+export * from "./error-icon";
diff --git a/apps/app/components/icons/success-icon.tsx b/apps/app/components/icons/success-icon.tsx
new file mode 100644
index 000000000..9d1c49950
--- /dev/null
+++ b/apps/app/components/icons/success-icon.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import type { Props } from "./types";
+
+export const SuccessIcon: React.FC<Props> = ({ width = "24", height = "24", className }) => (
+  <svg
+    width={width}
+    height={height}
+    className={className}
+    viewBox="0 0 16 16"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      fill="#09A953"
+      d="M8 0.5C3.86 0.5 0.5 3.86 0.5 8C0.5 12.14 3.86 15.5 8 15.5C12.14 15.5 15.5 12.14 15.5 8C15.5 3.86 12.14 0.5 8 0.5ZM6.5 11.75L2.75 8L3.8075 6.9425L6.5 9.6275L12.1925 3.935L13.25 5L6.5 11.75Z"
+    />
+  </svg>
+);