diff --git a/src/components/Icons/NotFoundIcon/NotFoundIcon.tsx b/src/components/Icons/NotFoundIcon/NotFoundIcon.tsx
new file mode 100644
index 0000000..c539230
--- /dev/null
+++ b/src/components/Icons/NotFoundIcon/NotFoundIcon.tsx
@@ -0,0 +1,31 @@
+import React from "react";
+
+export interface props {
+  size: number;
+  color: string;
+}
+export default function NotFoundIcon(props: props) {
+  return (
+    <div>
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        className="icon icon-tabler icon-tabler-error-404"
+        width={props.size}
+        height={props.size}
+        viewBox="0 0 24 24"
+        stroke-width="1"
+        stroke={props.color}
+        fill="none"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+      >
+        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
+        <path d="M3 7v4a1 1 0 0 0 1 1h3"></path>
+        <path d="M7 7v10"></path>
+        <path d="M10 8v8a1 1 0 0 0 1 1h2a1 1 0 0 0 1 -1v-8a1 1 0 0 0 -1 -1h-2a1 1 0 0 0 -1 1z"></path>
+        <path d="M17 7v4a1 1 0 0 0 1 1h3"></path>
+        <path d="M21 7v10"></path>
+      </svg>
+    </div>
+  );
+}
diff --git a/src/routes/Error/Error.tsx b/src/routes/Error/Error.tsx
index c59095b..3b6b556 100644
--- a/src/routes/Error/Error.tsx
+++ b/src/routes/Error/Error.tsx
@@ -1,13 +1,13 @@
 import React from "react";
 import AppLogo from "../../Components/Icons/AppLogo/AppLogo";
 import styles from "../../styles";
+import NotFoundIcon from "../../Components/Icons/NotFoundIcon/NotFoundIcon";
 
 export default function Error() {
   return (
     <div style={styles.container}>
-      <AppLogo size={64} color="#6f9b78" />
-      <p style={styles.text}>Ivy - Inventory Manager</p>
-      <p style={styles.text}>Error 404: Page Not Found</p>
+      <NotFoundIcon size={64} color="#a44141" />
+      <p style={styles.text}>Could not find the requested page</p>
     </div>
   );
 }