diff --git a/web/src/common/components/Button/Button.jsx b/web/src/common/components/Button/Button.jsx
new file mode 100644
index 00000000..53ed524e
--- /dev/null
+++ b/web/src/common/components/Button/Button.jsx
@@ -0,0 +1,11 @@
+import {FontAwesomeIcon} from "@fortawesome/react-fontawesome";
+import "./styles.sass";
+
+export const Button = ({color, text, icon, onClick}) => {
+    return (
+        <button className={`btn btn-color-${color}`} onClick={onClick}>
+            <FontAwesomeIcon icon={icon} />
+            <h1>{text}</h1>
+        </button>
+    );
+}
\ No newline at end of file