diff --git a/.gcloudignore b/.gcloudignore
index 5d14dc4..c52a3d1 100644
--- a/.gcloudignore
+++ b/.gcloudignore
@@ -40,10 +40,6 @@
 .AppleDouble
 .LSOverride
 
-# Icon must end with two \r
-Icon
-
-
 # Thumbnails
 ._*
 
diff --git a/.gitignore b/.gitignore
index b5f096e..6905f28 100644
--- a/.gitignore
+++ b/.gitignore
@@ -37,10 +37,6 @@
 .AppleDouble
 .LSOverride
 
-# Icon must end with two \r
-Icon
-
-
 # Thumbnails
 ._*
 
diff --git a/src/frontend/ui/components/atoms/icons/Icon/index.jsx b/src/frontend/ui/components/atoms/icons/Icon/index.jsx
new file mode 100644
index 0000000..9d882d9
--- /dev/null
+++ b/src/frontend/ui/components/atoms/icons/Icon/index.jsx
@@ -0,0 +1,20 @@
+import React from "react";
+import Image from "next/image";
+import useColorScheme from "@semantyk/frontend/hooks/useColorScheme";
+
+//* Main
+export default function Icon(props) {
+    // Hooks
+    const { colorScheme } = useColorScheme();
+    // Logic
+    const suffix = colorScheme === "dark" ? "-dark" : "";
+    // Return
+    return colorScheme && (
+        <Image
+            alt="Semantyk"
+            src={`/images/icon${suffix}.svg`}
+            title="Semantyk"
+            {...props}
+        />
+    );
+}
\ No newline at end of file