diff --git a/build_data.js b/build_data.js
index 98278e527..f7059dba7 100644
--- a/build_data.js
+++ b/build_data.js
@@ -21,10 +21,10 @@ const presetSchema = require('./data/presets/schema/preset.json');
 const suggestions = require('name-suggestion-index/name-suggestions.json');
 
 // fontawesome icons
-const fontawesome = require('@fortawesome/fontawesome');
-const fas = require('@fortawesome/fontawesome-free-solid').default;
-const far = require('@fortawesome/fontawesome-free-regular').default;
-const fab = require('@fortawesome/fontawesome-free-brands').default;
+const fontawesome = require('@fortawesome/fontawesome-svg-core');
+const fas = require('@fortawesome/free-solid-svg-icons').fas;
+const far = require('@fortawesome/free-regular-svg-icons').far;
+const fab = require('@fortawesome/free-brands-svg-icons').fab;
 fontawesome.library.add(fas, far, fab);
 
 
diff --git a/package.json b/package.json
index a262d6a9f..4ff210e6b 100644
--- a/package.json
+++ b/package.json
@@ -49,10 +49,10 @@
     "wmf-sitematrix": "0.1.4"
   },
   "devDependencies": {
-    "@fortawesome/fontawesome": "^1.1.5",
-    "@fortawesome/fontawesome-free-brands": "^5.0.13",
-    "@fortawesome/fontawesome-free-regular": "^5.0.13",
-    "@fortawesome/fontawesome-free-solid": "^5.0.13",
+    "@fortawesome/fontawesome-svg-core": "~1.2.4",
+    "@fortawesome/free-brands-svg-icons": "~5.3.1",
+    "@fortawesome/free-regular-svg-icons": "~5.3.1",
+    "@fortawesome/free-solid-svg-icons": "~5.3.1",
     "@mapbox/maki": "^4.0.0",
     "chai": "^4.1.0",
     "colors": "^1.1.2",