diff --git a/_data/SocialNetworks.yml b/_data/SocialNetworks.yml
--- a/_data/SocialNetworks.yml
+++ b/_data/SocialNetworks.yml
@@ -9,29 +9,29 @@
 facebook:
   name: "Facebook"
   baseURL: "https://www.facebook.com/"
-  icon: "fa-facebook"
+  iconClasses: "fab fa-facebook"
 
 github:
   name: "GitHub"
   baseURL: "https://github.com/"
-  icon: "fa-github"
+  iconClasses: "fab fa-github"
 
 twitter:
   name: "Twitter"
   baseURL: "https://twitter.com/"
-  icon: "fa-twitter"
+  iconClasses: "fab fa-twitter"
 
 email:
   name: "Email me"
   baseURL: "mailto:"
-  icon: "fa-envelope"
+  iconClasses: "fas fa-envelope"
 
 linkedin:
   name: "LinkedIn"
   baseURL: "https://linkedin.com/"
-  icon: "fa-linkedin"
+  iconClasses: "fab fa-linkedin"
 
 youtube:
   name: "YouTube"
   baseURL: "https://www.youtube.com/"
-  icon: "fa-youtube"
+  iconClasses: "fab fa-youtube"
diff --git a/_includes/footer.html b/_includes/footer.html
--- a/_includes/footer.html
+++ b/_includes/footer.html
@@ -9,11 +9,11 @@
       {%- elsif curkey == 'yelp' -%}
       <a href="https://{{ site.social-network-links[curkey] }}.yelp.com" title="{{ element.name }}">
       {%- else -%}
-      <a href="{{element.baseURL}}{{ site.social-network-links[curkey] }}" title="{{ element.name }}">
+      <a href="{{ element.baseURL }}{{ site.social-network-links[curkey] }}" title="{{ element.name }}">
       {%- endif -%}
       <span class="fa-stack fa-lg" aria-hidden="true">
-        <i class="fa fa-circle fa-stack-2x"></i>
-        <i class="fa {{ element.icon }} fa-stack-1x fa-inverse"></i>
+        <i class="fas fa-circle fa-stack-2x"></i>
+        <i class="{{ element.iconClasses }} fa-stack-1x fa-inverse"></i>
       </span>
       <span class="sr-only">{{ element.name }}</span>
       </a>
diff --git a/_includes/social-share.html b/_includes/social-share.html
--- a/_includes/social-share.html
+++ b/_includes/social-share.html
@@ -14,7 +14,7 @@
   <!--- Share on Twitter -->
     <a href="https://twitter.com/intent/tweet?text={{ page.title | url_encode }}+{{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-twitter" title="Share on Twitter">
-      <span class="fa fa-fw fa-twitter" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-twitter" aria-hidden="true"></span>
       <span class="sr-only">Twitter</span>
     </a>
   {% endif %}
@@ -23,7 +23,7 @@
   <!--- Share on Facebook -->
     <a href="https://www.facebook.com/sharer/sharer.php?u={{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-facebook" title="Share on Facebook">
-      <span class="fa fa-fw fa-facebook" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-facebook" aria-hidden="true"></span>
       <span class="sr-only">Facebook</span>
     </a>
   {% endif %}
@@ -32,7 +32,7 @@
   <!--- Share on Google Plus -->
     <a href="https://plus.google.com/share?url={{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-google" title="Share on Google+">
-      <span class="fa fa-fw fa-google-plus" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-google-plus" aria-hidden="true"></span>
       <span class="sr-only">Google+</span>
     </a>
   {% endif %}
@@ -41,7 +41,7 @@
   <!--- Share on LinkedIn -->
     <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ site.url }}{{ page.url }}"
       class="btn btn-social-icon btn-linkedin" title="Share on LinkedIn">
-      <span class="fa fa-fw fa-linkedin" aria-hidden="true"></span>
+      <span class="fab fa-fw fa-linkedin" aria-hidden="true"></span>
       <span class="sr-only">LinkedIn</span>
     </a>
   {% endif %}
diff --git a/_layouts/abc_md.html b/_layouts/abc_md.html
--- a/_layouts/abc_md.html
+++ b/_layouts/abc_md.html
@@ -3,7 +3,7 @@
 ---
 
 <div class="subnav">
-  <a href="#" onclick="window.history.back()" class="fa fa-chevron-left subnav-strong-link">Back</a>
+  <a href="#" onclick="window.history.back()" class="fas fa-chevron-left subnav-strong-link">Back</a>
 </div>
 
 <div class="flex-content flex-row">
diff --git a/_layouts/base.html b/_layouts/base.html
--- a/_layouts/base.html
+++ b/_layouts/base.html
@@ -4,7 +4,7 @@
   - "/css/bootstrap-social.css"
   - "/css/main.css"
 common-ext-css:
-  - "//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css"
+  - "//use.fontawesome.com/releases/v5.14.0/css/all.css"
 common-googlefonts:
   - "Lora:400,700,400italic,700italic"
   - "Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800"
diff --git a/_layouts/doc.html b/_layouts/doc.html
--- a/_layouts/doc.html
+++ b/_layouts/doc.html
@@ -5,7 +5,7 @@
 {% assign groups = site.doc | where:"version", page.version | where:"category", page.category | group_by:"group" | sort:"name" %}
 
 <div class="subnav">
-  <a href="/doc" class="fa fa-chevron-left subnav-strong-link">Version {{ page.version }}</a>
+  <a href="/doc" class="fas fa-chevron-left subnav-strong-link">Version {{ page.version }}</a>
   {% for group in groups %}
     {% assign maybeHideOnStart = '' %}
     {% if group.name != page.group %}
@@ -14,7 +14,7 @@
     <header>
       {% if groups.size > 1 %}
         <h3 class="subnav-header">
-          <i class="fa fa-book"></i>
+          <i class="fas fa-book"></i>
           {{ group.name }}
         </h3>
       {% endif %}