diff --git a/frontend/init/index.js b/frontend/init/index.js
index 4df1b8b..9508c53 100644
--- a/frontend/init/index.js
+++ b/frontend/init/index.js
@@ -1 +1,3 @@
 import "./index.pcss";
+
+import "@fortawesome/fontawesome-free/js/all";
diff --git a/package.json b/package.json
index e345d7e..de42d30 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "counter",
   "private": true,
   "dependencies": {
+    "@fortawesome/fontawesome-free": "^5.13.0",
     "@rails/actioncable": "^6.0.0",
     "@rails/ujs": "^6.0.0",
     "@rails/webpacker": "4.2.2",
diff --git a/yarn.lock b/yarn.lock
index 028ea0b..d70dcc7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -783,6 +783,11 @@
   resolved "https://registry.yarnpkg.com/@csstools/convert-colors/-/convert-colors-1.4.0.tgz#ad495dc41b12e75d588c6db8b9834f08fa131eb7"
   integrity sha512-5a6wqoJV/xEdbRNKVo6I4hO3VjyDq//8q2f9I6PBAvMesJHFauXDorcNCsr9RzvsZnaWi5NYCcfyqP1QeFHFbw==
 
+"@fortawesome/fontawesome-free@^5.13.0":
+  version "5.13.0"
+  resolved "https://registry.yarnpkg.com/@fortawesome/fontawesome-free/-/fontawesome-free-5.13.0.tgz#fcb113d1aca4b471b709e8c9c168674fbd6e06d9"
+  integrity sha512-xKOeQEl5O47GPZYIMToj6uuA2syyFlq9EMSl2ui0uytjY9xbe8XS0pexNWmxrdcCyNGyDmLyYw5FtKsalBUeOg==
+
 "@nodelib/fs.scandir@2.1.3":
   version "2.1.3"
   resolved "https://registry.yarnpkg.com/@nodelib/fs.scandir/-/fs.scandir-2.1.3.tgz#3a582bdb53804c6ba6d146579c46e52130cf4a3b"