diff --git a/_includes/buttons/download.html b/_includes/buttons/download.html
index c0f6c530f..f8766b1bc 100644
--- a/_includes/buttons/download.html
+++ b/_includes/buttons/download.html
@@ -1,11 +1,11 @@
 <div class="download-buttons-dropdown">
-    <button id="dropdown-button-trigger" class="interact-button"><i class="fa fa-download"></i></button>
+    <button id="dropdown-button-trigger" class="interact-button"><img src="{{ site.images_url | relative_url }}/download-solid.svg" alt="Download" /></button>
     <div class="download-buttons">
         {% if site.use_download_button and page.interact_link -%}
         <a href="{{ page.interact_link | relative_url }}" download>
-        <button id="interact-button-download" class="interact-button">ORIG</button>
+        <button id="interact-button-download" class="interact-button">{{ page.suffix | capitalize }}</button>
         </a>
         {% endif %}
-        <a id="interact-button-print"><button id="interact-button-download" class="interact-button">PDF</button></a>
+        <a id="interact-button-print"><button id="interact-button-download" class="interact-button">.pdf</button></a>
     </div>
 </div>
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
index 59542368f..b68aa4eb8 100755
--- a/_includes/head.html
+++ b/_includes/head.html
@@ -15,8 +15,6 @@
   {% include metadata.json %}
   </script>
   <link rel="stylesheet" href="{{ site.css_url | relative_url }}/styles.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/regular.css">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.2/css/solid.css">
 
   <!-- <link rel="manifest" href="/manifest.json"> -->
   <!-- <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#efae0a"> -->
diff --git a/_includes/js/thebelab-cell-button.html b/_includes/js/thebelab-cell-button.html
index 15bf710ea..3b9da8387 100644
--- a/_includes/js/thebelab-cell-button.html
+++ b/_includes/js/thebelab-cell-button.html
@@ -6,7 +6,7 @@
 
 const thebelabCellButton = id =>
   `<a id="thebelab-cell-button-${id}" class="btn thebebtn o-tooltip--left" data-tooltip="Interactive Mode">
-    <img src="{{ site.images_url | relative_url }}/edit-button.svg" alt="Start interactive mode">
+    <img src="{{ site.images_url | relative_url }}/edit-button.svg" alt="Start thebelab interactive mode">
   </a>`
 
 
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
index 4ca881bfd..2686cb5dd 100755
--- a/_includes/sidebar.html
+++ b/_includes/sidebar.html
@@ -16,7 +16,7 @@
 {% assign chapter_num = 1 %}
 
 <nav id="js-sidebar" class="c-textbook__sidebar">
-  {% if site.textbook_logo %}<a href="{{ site.textbook_logo_link }}"><img src="{{ site.textbook_logo | relative_url }}" class="textbook_logo" id="sidebar-logo" data-turbolinks-permanent/></a>{% endif %}
+  {% if site.textbook_logo %}<a href="{{ site.textbook_logo_link }}"><img src="{{ site.textbook_logo | relative_url }}" class="textbook_logo" id="sidebar-logo" alt="textbook logo" data-turbolinks-permanent/></a>{% endif %}
   <h2 class="c-sidebar__title">{{ site.title }}</h2>
   <ul class="c-sidebar__chapters">
     {% for chapter in site.data.toc %}
diff --git a/_includes/topbar.html b/_includes/topbar.html
index 37bd60d2b..3a26729a0 100644
--- a/_includes/topbar.html
+++ b/_includes/topbar.html
@@ -13,9 +13,11 @@
   </div>
   <!-- Empty sidebar placeholder that we'll auto-fill with javascript -->
   <aside class="sidebar__right">
-    <header><h4 class="nav__title"><i class="fa fa-list"></i> {{ page.toc_label | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
+    <header><h4 class="nav__title"><img src="{{ site.images_url | relative_url }}/list-solid.svg" alt="Search" /> {{ page.toc_label | default: site.data.ui-text[site.locale].toc_label }}</h4></header>
     <nav class="onthispage">
     </nav>
   </aside>
-  <a href="{{ '/search.html' | relative_url }}" class="topbar-right-button" id="search-button"><i class="fa fa-search"></i></a>
+  <a href="{{ '/search.html' | relative_url }}" class="topbar-right-button" id="search-button">
+    <img src="{{ site.images_url | relative_url }}/search-solid.svg" alt="Search" />
+  </a>
 </div>
diff --git a/_sass/components/_components.topbar.scss b/_sass/components/_components.topbar.scss
index 063640d74..d9e0ca58a 100644
--- a/_sass/components/_components.topbar.scss
+++ b/_sass/components/_components.topbar.scss
@@ -29,14 +29,13 @@
   }
 
   .topbar-right-button {
-    font-size: 1.4em;
     display: block;
     float: right;
-    color: #7a8288;
-    padding: 0 0.5rem;
+    padding: 0 1rem;
 
-    &:hover {
-      color: $color-links;
+    img {
+      width: 20px;
+      margin-top: 4px;
     }
   }
 }
@@ -61,4 +60,8 @@
   &:hover div.download-buttons {
     display: block;
   }
+
+  img {
+    height: 18px;
+  }
 }
diff --git a/_sass/objects/_objects.thebelab-in-cell-button.scss b/_sass/objects/_objects.thebelab-in-cell-button.scss
index 0c10fa01b..c23dea8cc 100644
--- a/_sass/objects/_objects.thebelab-in-cell-button.scss
+++ b/_sass/objects/_objects.thebelab-in-cell-button.scss
@@ -4,7 +4,7 @@
   top: 0;
   right: $spacing-unit;
 
-  margin: $spacing-unit-tiny;
+  margin: $spacing-unit-tiny/2 $spacing-unit-tiny;
   width: $spacing-unit;
   height: $spacing-unit;
   padding: 0 4px 2px;
diff --git a/_sass/page/components/_components.sidebar-right.scss b/_sass/page/components/_components.sidebar-right.scss
index 6b89c085b..f582450bd 100644
--- a/_sass/page/components/_components.sidebar-right.scss
+++ b/_sass/page/components/_components.sidebar-right.scss
@@ -34,6 +34,12 @@ aside.sidebar__right {
     text-transform: uppercase;
     letter-spacing: 1px;
 
+    // Icon
+    img {
+        width: 15px;
+        padding-bottom: 2px;
+    }
+
     // Show/hide navbar underneath
     nav {
         transition: opacity .25s ease-in-out, height .25s ease-in-out;
diff --git a/assets/images/download-solid.svg b/assets/images/download-solid.svg
new file mode 100644
index 000000000..781f99343
--- /dev/null
+++ b/assets/images/download-solid.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+</style>
+<path class="st0" d="M216,0h80c13.3,0,24,10.7,24,24v168h87.7c17.8,0,26.7,21.5,14.1,34.1L269.7,378.3c-7.5,7.5-19.8,7.5-27.3,0
+	L90.1,226.1c-12.6-12.6-3.7-34.1,14.1-34.1H192V24C192,10.7,202.7,0,216,0z M512,376v112c0,13.3-10.7,24-24,24H24
+	c-13.3,0-24-10.7-24-24V376c0-13.3,10.7-24,24-24h146.7l49,49c20.1,20.1,52.5,20.1,72.6,0l49-49H488C501.3,352,512,362.7,512,376z
+	 M388,464c0-11-9-20-20-20s-20,9-20,20s9,20,20,20S388,475,388,464z M452,464c0-11-9-20-20-20s-20,9-20,20s9,20,20,20
+	S452,475,452,464z"/>
+</svg>
diff --git a/assets/images/edit-button.svg b/assets/images/edit-button.svg
index 8128691bf..48ca98719 100644
--- a/assets/images/edit-button.svg
+++ b/assets/images/edit-button.svg
@@ -1,81 +1,13 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
-
-<svg
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   id="svg2157"
-   height="600"
-   width="600"
-   version="1.0"
-   sodipodi:docname="edit-button.svg"
-   inkscape:version="0.92.3 (2405546, 2018-03-11)">
-  <defs
-     id="defs12" />
-  <sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="1920"
-     inkscape:window-height="1001"
-     id="namedview10"
-     showgrid="false"
-     inkscape:zoom="0.39333333"
-     inkscape:cx="300"
-     inkscape:cy="300"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="layer1" />
-  <metadata
-     id="metadata2162">
-    <rdf:RDF>
-      <cc:Work
-         rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type
-           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g
-     id="layer1"
-     style="fill:#ffffff">
-    <g
-       id="g3765"
-       stroke="#a2a9b1"
-       fill="none"
-       style="fill:none;stroke:#6c7681;stroke-opacity:1;stroke-linecap:round;paint-order:normal;stroke-linejoin:miter;stroke-width:40;stroke-miterlimit:5;stroke-dasharray:none">
-      <path
-         id="rect2990"
-         d="m70.064 422.35 374.27-374.26 107.58 107.58-374.26 374.27-129.56 21.97z"
-         stroke-width="30"
-         style="fill:none;stroke:#6c7681;stroke-opacity:1;stroke-linecap:round;paint-order:normal;stroke-linejoin:miter;stroke-width:40;stroke-miterlimit:5;stroke-dasharray:none" />
-      <path
-         id="path3771"
-         d="m70.569 417.81 110.61 110.61"
-         stroke-width="25"
-         style="fill:none;stroke:#6c7681;stroke-opacity:1;stroke-linecap:round;paint-order:normal;stroke-linejoin:miter;stroke-width:40;stroke-miterlimit:5;stroke-dasharray:none" />
-      <path
-         id="path3777"
-         d="m491.47 108.37-366.69 366.68"
-         stroke-width="25"
-         style="fill:none;stroke:#6c7681;stroke-opacity:1;stroke-linecap:round;paint-order:normal;stroke-linejoin:miter;stroke-width:40;stroke-miterlimit:5;stroke-dasharray:none" />
-      <path
-         id="path3763"
-         d="m54.222 507.26 40.975 39.546"
-         stroke-width="25"
-         style="fill:none;stroke:#6c7681;stroke-opacity:1;stroke-linecap:round;paint-order:normal;stroke-linejoin:miter;stroke-width:40;stroke-miterlimit:5;stroke-dasharray:none" />
-    </g>
-  </g>
-</svg>
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#808080;}
+</style>
+<path class="st0" d="M497.9,142.1l-46.1,46.1c-4.7,4.7-12.3,4.7-17,0l-111-111c-4.7-4.7-4.7-12.3,0-17l46.1-46.1
+	c18.7-18.7,49.1-18.7,67.9,0l60.1,60.1C516.7,92.9,516.7,123.3,497.9,142.1z M284.2,99.8L21.6,362.4L0.4,483.9
+	c-2.9,16.4,11.4,30.6,27.8,27.8l121.5-21.3l262.6-262.6c4.7-4.7,4.7-12.3,0-17l-111-111C296.5,95.1,288.9,95.1,284.2,99.8
+	L284.2,99.8z M124.1,339.9c-5.5-5.5-5.5-14.3,0-19.8l154-154c5.5-5.5,14.3-5.5,19.8,0s5.5,14.3,0,19.8l-154,154
+	C138.4,345.4,129.6,345.4,124.1,339.9L124.1,339.9z M88,424h48v36.3l-64.5,11.3l-31.1-31.1L51.7,376H88V424z"/>
+</svg>
diff --git a/assets/images/list-solid.svg b/assets/images/list-solid.svg
new file mode 100644
index 000000000..541f86184
--- /dev/null
+++ b/assets/images/list-solid.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#5A5A5A;}
+</style>
+<path class="st0" d="M80,368H16c-8.8,0-16,7.2-16,16v64c0,8.8,7.2,16,16,16h64c8.8,0,16-7.2,16-16v-64C96,375.2,88.8,368,80,368z
+	 M80,48H16C7.2,48,0,55.2,0,64v64c0,8.8,7.2,16,16,16h64c8.8,0,16-7.2,16-16V64C96,55.2,88.8,48,80,48z M80,208H16
+	c-8.8,0-16,7.2-16,16v64c0,8.8,7.2,16,16,16h64c8.8,0,16-7.2,16-16v-64C96,215.2,88.8,208,80,208z M496,384H176c-8.8,0-16,7.2-16,16
+	v32c0,8.8,7.2,16,16,16h320c8.8,0,16-7.2,16-16v-32C512,391.2,504.8,384,496,384z M496,64H176c-8.8,0-16,7.2-16,16v32
+	c0,8.8,7.2,16,16,16h320c8.8,0,16-7.2,16-16V80C512,71.2,504.8,64,496,64z M496,224H176c-8.8,0-16,7.2-16,16v32c0,8.8,7.2,16,16,16
+	h320c8.8,0,16-7.2,16-16v-32C512,231.2,504.8,224,496,224z"/>
+</svg>
diff --git a/assets/images/search-solid.svg b/assets/images/search-solid.svg
new file mode 100644
index 000000000..94764a2b3
--- /dev/null
+++ b/assets/images/search-solid.svg
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" focusable="false" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
+	 x="0px" y="0px" viewBox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#5A5A5A;}
+</style>
+<path class="st0" d="M505,442.7L405.3,343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3,44-79.7,44-128C416,93.1,322.9,0,208,0S0,93.1,0,208
+	s93.1,208,208,208c48.3,0,92.7-16.4,128-44v16.3c0,6.4,2.5,12.5,7,17l99.7,99.7c9.4,9.4,24.6,9.4,33.9,0l28.3-28.3
+	C514.3,467.3,514.3,452.1,505,442.7z M208,336c-70.7,0-128-57.2-128-128c0-70.7,57.2-128,128-128c70.7,0,128,57.2,128,128
+	C336,278.7,278.8,336,208,336z"/>
+</svg>
diff --git a/assets/js/page/copy-button.js b/assets/js/page/copy-button.js
index d0c0fcfe0..eb09ad12f 100644
--- a/assets/js/page/copy-button.js
+++ b/assets/js/page/copy-button.js
@@ -1,9 +1,14 @@
 /**
  * Set up copy/paste for code blocks
  */
+const copySVG = `<svg aria-labelledby="title" aria-hidden="true" data-prefix="far" data-icon="copy" class="svg-inline--fa fa-copy fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+  <title id="title" lang="en">Copy code</title>
+  <path fill="#777" d="M433.941 65.941l-51.882-51.882A48 48 0 0 0 348.118 0H176c-26.51 0-48 21.49-48 48v48H48c-26.51 0-48 21.49-48 48v320c0 26.51 21.49 48 48 48h224c26.51 0 48-21.49 48-48v-48h80c26.51 0 48-21.49 48-48V99.882a48 48 0 0 0-14.059-33.941zM266 464H54a6 6 0 0 1-6-6V150a6 6 0 0 1 6-6h74v224c0 26.51 21.49 48 48 48h96v42a6 6 0 0 1-6 6zm128-96H182a6 6 0 0 1-6-6V54a6 6 0 0 1 6-6h106v88c0 13.255 10.745 24 24 24h88v202a6 6 0 0 1-6 6zm6-256h-64V48h9.632c1.591 0 3.117.632 4.243 1.757l48.368 48.368a6 6 0 0 1 1.757 4.243V112z"></path>
+  </svg>`
+
 const clipboardButton = id =>
   `<a id="copy-button-${id}" class="btn copybtn o-tooltip--left" data-tooltip="Copy" data-clipboard-target="#${id}">
-    <i class="far fa-copy"></i>
+    ${copySVG}
   </a>`
 
 // Clears selected text since ClipboardJS will select the text when copying