diff --git a/static/css/fa-icons.css b/static/css/fa-icons.css
new file mode 100644
index 0000000..5e06c5c
--- /dev/null
+++ b/static/css/fa-icons.css
@@ -0,0 +1,88 @@
+@font-face {
+    font-family: 'Font Awesome 6 Free';
+    src: url('/css/webfonts/fa-solid-900.ttf') format("truetype");
+    /* Path to your downloaded font */
+    font-weight: 900;
+    font-style: normal;
+}
+
+.fa-solid {
+    font-family: 'Font Awesome 6 Free';
+    /* Make sure this matches the font-family defined above */
+    font-weight: 900;
+    /* Solid icons */
+    display: inline-block;
+    text-rendering: auto;
+    font-style: normal;
+}
+
+/* Font Awesome icon classes with their respective Unicode values */
+.fa-copy::before {
+    content: '\f0c5';
+    /* Unicode for copy icon */
+}
+
+.fa-delete-left::before {
+    content: '\f55a';
+    /* Unicode for delete-left icon */
+}
+
+.fa-right-from-bracket::before {
+    content: '\f090';
+    /* Unicode for right-from-bracket icon */
+}
+
+.fa-floppy-disk::before {
+    content: '\f0c7';
+    /* Unicode for floppy-disk icon */
+}
+
+.fa-upload::before {
+    content: '\f093';
+    /* Unicode for upload icon */
+}
+
+.fa-user:before {
+    content: "\f007";
+}
+
+.fa-gear::before {
+    content: "\f013";
+}
+
+.fa-list-check::before {
+    content: "\f0ae";
+}
+
+.fa-xmark::before {
+    content: "\f00d";
+}
+
+.fa-download::before {
+    content: "\f019";
+}
+
+.fa-close::before {
+    content: "\f00d";
+}
+
+
+.fa-thumbs-up::before {
+    content: "\f164";
+}
+
+.fa-thumbs-down::before {
+    content: "\f165";
+}
+
+.fa-circle-info::before {
+    content: "\f05a";
+}
+
+.fa-circle-xmark::before {
+    content: "\f057";
+}
+
+.fa-circle-check::before {
+    content: "\f058";
+}
\ No newline at end of file
diff --git a/static/css/webfonts/fa-solid-900.ttf b/static/css/webfonts/fa-solid-900.ttf
new file mode 100644
index 0000000..e7e2ecf
Binary files /dev/null and b/static/css/webfonts/fa-solid-900.ttf differ