diff --git a/docs/images/manual/security-slider-high.png b/docs/images/manual/security-slider-high.png
new file mode 100644
index 0000000000..9056447016
Binary files /dev/null and b/docs/images/manual/security-slider-high.png differ
diff --git a/docs/source.rst b/docs/source.rst
index 453d7b9d08..90a4a379b7 100644
--- a/docs/source.rst
+++ b/docs/source.rst
@@ -49,25 +49,49 @@ While using the Tor Browser on your personal computer helps hide your activity o
 Making your First Submission
 ----------------------------
 
-Open the Tor Browser and navigate to the .onion address for the SecureDrop Source Interface you wish to make a submission to. The page should look similar to the screenshot below, although it will probably have a logo specific to the organization you are submitting to.
+Open the Tor Browser and navigate to the .onion address for the SecureDrop
+Source Interface you wish to make a submission to. The page should look similar
+to the screenshot below, although it will probably have a logo specific to the
+organization you are submitting to.
 
 |Source Interface With Javascript Enabled|
 
-If this is the first time you're using the Tor browser, it's likely that you have Javascript enabled. If you do, there will be a red warning banner at the top of the page that encourages you to disable it.
+If this is the first time you're using the Tor browser, it's likely that you
+have Javascript enabled and that the Security Slider that Tor browser provides
+is set to "Low". If you do, there will be a red warning banner at the top of
+the page that encourages you to disable Javascript and turn up the Security
+Slider to "High".
 
-Click the ``Learn how to disable it`` link in the warning banner and a message bubble will pop up explaining how to disable Javascript. Follow the instructions and the page should refresh automatically. Note that this will disable Javascript for every page in your Tor Browser, and this setting will persist across browser sessions.
+|Security Slider|
+
+Click the ``Learn how to disable it`` link in the warning banner and a message
+bubble will pop up explaining how to disable Javascript and turn up the Slider.
+Follow the instructions and the page should refresh automatically. Note that
+this will change the slider and disable Javascript for every page in your Tor
+Browser, and this setting will persist across browser sessions.
 
 |Fix Javascript warning|
 
-The page should now look similar to the screenshot below. If this is the first time you are using SecureDrop, click the ``Submit Documents`` button.
+The page should now look similar to the screenshot below. If this is the first
+time you are using SecureDrop, click the ``Submit Documents`` button.
 
 |Source Interface with Javascript Disabled|
 
-You should now see a screen that shows the unique codename that SecureDrop has generated for you. In the example screenshot below the codename is ``sink los radium bcd nab privy nadir``, but yours will be different. It is extremely important that you both remember this code and keep it secret. After submitting documents, you will need to provide this code to log back in and check for responses.
+You should now see a screen that shows the unique codename that SecureDrop has
+generated for you. In the example screenshot below the codename is
+``sink los radium bcd nab privy nadir``, but yours will be different. It is
+extremely important that you both remember this code and keep it secret. After
+submitting documents, you will need to provide this code to log back in and
+check for responses.
 
-The best way to protect your codename is to memorize it. If you cannot memorize it right away, we recommend writing it down and keeping it in a safe place at first, and gradually working to memorize it over time. Once you have memorized it, you should destroy the written copy.
+The best way to protect your codename is to memorize it. If you cannot memorize
+it right away, we recommend writing it down and keeping it in a safe place at
+first, and gradually working to memorize it over time. Once you have memorized
+it, you should destroy the written copy.
 
-SecureDrop allows you to choose the length of your codename, in case you want to create a longer codename for extra security. Once you have generated a codename and put it somewhere safe, click ``Continue``.
+SecureDrop allows you to choose the length of your codename, in case you want
+to create a longer codename for extra security. Once you have generated a
+codename and put it somewhere safe, click ``Continue``.
 
 |Memorizing your codename|
 
@@ -145,6 +169,7 @@ Repeat these steps to continue communicating with the journalist.
 
 
 .. |Source Interface with Javascript Enabled| image:: images/manual/source-step1.png
+.. |Security Slider| image:: images/manual/security-slider-high.png
 .. |Fix Javascript warning| image:: images/manual/source-step2.png
 .. |Source Interface with Javascript Disabled| image:: images/manual/source-step3-and-step7.png
 .. |Memorizing your codename| image:: images/manual/source-step4.png
diff --git a/securedrop/source_templates/banner_warning_flashed.html b/securedrop/source_templates/banner_warning_flashed.html
index cb2c2bf07d..da8e0a5e7a 100644
--- a/securedrop/source_templates/banner_warning_flashed.html
+++ b/securedrop/source_templates/banner_warning_flashed.html
@@ -1,6 +1,7 @@
 {# these are flash messages that appear at the top and are really scary, like if you're using tor2web #}
 {% with messages = get_flashed_messages(with_categories=True, category_filter=["banner-warning"]) %}
   {% for category, message in messages %}
-  <p class="flash {{ category }}"><i class="fa fa-exclamation-triangle pull-left"></i> {{ message|safe }}</p>
+  <p class="flash {{ category }}"><img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/black/exclamation-triangle.svg') }}" width="17px" height="17px">
+ {{ message|safe }}</p>
   {% endfor %}
 {% endwith %}
diff --git a/securedrop/source_templates/flashed.html b/securedrop/source_templates/flashed.html
index faa6e70581..578b87108d 100644
--- a/securedrop/source_templates/flashed.html
+++ b/securedrop/source_templates/flashed.html
@@ -4,9 +4,9 @@
     {% if category != 'banner-warning' %}
       <p class="flash {{ category }}">
         {% if category == 'notification' %}
-        <i class="fa fa-info-circle pull-left"></i>
+        <img src="{{ url_for('static', filename='i/font-awesome/black/info.svg') }}" width="17px" height="17px">
         {% elif category == 'error' %}
-        <i class="fa fa-exclamation-triangle pull-left"></i>
+        <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/black/exclamation-triangle.svg') }}" width="17px" height="17px">
         {% endif %}
         {{ message }}
       </p>
diff --git a/securedrop/source_templates/generate.html b/securedrop/source_templates/generate.html
index 94db0a1ac6..5b7c79c041 100644
--- a/securedrop/source_templates/generate.html
+++ b/securedrop/source_templates/generate.html
@@ -7,7 +7,8 @@ <h2>Remember this codename and keep it secret</h2>
 <hr class="no-line" />
 
 <div class="code">
-  <i class="fa fa-lock pull-left"></i><p id="codename">{{ codename }}</p>
+  <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/black/lock.svg') }}" width="20px" height="20px">
+  <p id="codename">{{ codename }}</p>
   <div class="pull-right">
     <form id="regenerate-form" method="post">
       <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
@@ -17,7 +18,7 @@ <h2>Remember this codename and keep it secret</h2>
         {% endfor %}
       </select>
       <button type="submit" id="regenerate-submit" class="small">
-        <i class="fa fa-refresh"></i>
+        <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/white/refresh.svg') }}" width="15px" height="15px">
       </button>
     </form>
   </div>
@@ -35,7 +36,9 @@ <h2>Remember this codename and keep it secret</h2>
 
 <form id="create-form" method="post" action="/create" autocomplete="off">
   <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
-  <button type="submit" class="btn block pull-right" id="continue-button"><i class="fa fa-arrow-circle-o-right"></i> Continue</button>
+  <button type="submit" class="btn block pull-right" id="continue-button">
+    <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/white/arrow-circle-o-right.svg') }}" width="20px" height="20px">
+    Continue</button>
   <a id="already-have-codename" href="/login">Already have a codename?</a>
 </form>
 {% endblock %}
diff --git a/securedrop/source_templates/howto-disable-js.html b/securedrop/source_templates/howto-disable-js.html
index 7bf97841a1..84ccdcfc34 100644
--- a/securedrop/source_templates/howto-disable-js.html
+++ b/securedrop/source_templates/howto-disable-js.html
@@ -1,7 +1,7 @@
 {% extends "base.html" %}
 {% block body %}
 
-<h1>Disable JavaScript to Protect Your Anonymity</h1>
+<h1>Turn the Security Slider to High to Protect Your Anonymity</h1>
 
 <p>JavaScript is a widely used programming language for creating interactive web
 pages. Unfortunately, JavaScript is also the most common source of security
@@ -10,8 +10,8 @@ <h1>Disable JavaScript to Protect Your Anonymity</h1>
 
 <p>We encourage SecureDrop users to disable JavaScript to protect themselves from malware that would use it to attack their browser and potentially de-anonymize them. There are other ways to get hacked, but given the use of JavaScript-based attacks recently, we believe it is prudent to disable it at this time.</p>
 
-<p>The Tor Browser comes with an add-on called NoScript that can be used to completely disable JavaScript by default, and to only enable it for sites that you trust.</p>
+<p>The Tor Browser comes with a security slider that will disable Javascript as well as protect against other methods that can be used to reveal your true identity.</p> 
 
-<p><strong>To disable JavaScript in Tor Browser, click the NoScript icon <img src="/static/i/no16.png"/> to the left of the address bar above and choose "Forbid Scripts Globally (advised)".</strong></p>
+<p><strong>To turn up the security settings, click the Tor icon <img src="static/i/toronion.png" alt="Tor icon" /> to the left of the address bar, select <strong>Privacy and Security Settings</strong>, and turn the slider to <i>High</i>.</p>
 
 {% endblock %}
diff --git a/securedrop/source_templates/index.html b/securedrop/source_templates/index.html
index a561348e51..292a531c99 100644
--- a/securedrop/source_templates/index.html
+++ b/securedrop/source_templates/index.html
@@ -13,7 +13,7 @@
     {% endassets %}
   </head>
   <body>
-    <div class="warning"><strong>We recommend disabling JavaScript to protect your anonymity:</strong> <a id="disable-js" href="/howto-disable-js">Learn how to disable it</a>, or ignore this warning to continue. <i id="warning-close" class="fa fa-times"></i></div>
+    <div class="warning"><strong>We recommend disabling JavaScript and turning the Security Slider to High to protect your anonymity:</strong> <a id="disable-js" href="/howto-disable-js">Learn how to disable it</a>, or ignore this warning to continue. <img id="warning-close" src="{{ url_for('static', filename='i/font-awesome/white/times.svg') }}" width="12px" height="12px"></div>
 
     {% include 'banner_warning_flashed.html' %}
 
@@ -36,7 +36,7 @@ <h2>
           </h2>
           <hr class="cut-out" />
           <p>If this is your first time submitting documents to journalists, start here.</p>
-          <a href="/generate" class="btn alt block" id="submit-documents-button"><i class="fa fa-cloud-upload"></i> Submit Documents</a>
+          <a href="/generate" class="btn alt block" id="submit-documents-button"><img id="warning-close" src="{{ url_for('static', filename='i/font-awesome/white/cloud-upload.svg') }}" width="17px" height="17px"> Submit Documents</a>
         </div>
         <div class="grid-item option">
           <h2>
@@ -44,7 +44,7 @@ <h2>
           </h2>
           <hr class="cut-out" />
           <p>If you have already submitted documents in the past, log in here to check for responses.</p>
-          <a href="/login" class="btn block"><i class="fa fa-comments"></i> Check for a response</a>
+          <a href="/login" class="btn block"><img id="warning-close" src="{{ url_for('static', filename='i/font-awesome/white/comments.svg') }}" width="17px" height="17px"> Check for a response</a>
         </div>
       </div>
 
@@ -61,12 +61,14 @@ <h2>
     Included here so the images can preload while the user is first
     reading the page. Hidden by default. -->
     <div class="bubble">
-      <p>You appear to be using the Tor Browser. You can disable Javascript in 3 easy steps!</p> 
+      <p>You appear to be using the Tor Browser. You can disable Javascript and turn the Security Slider to High in 4 easy steps!</p> 
       <ol>
-        <li>Click the <img src="static/i/no16.png" alt="NoScript icon" /> NoScript icon in the toolbar above</li>
-        <li>Click <strong><img src="static/i/no16-global.png" alt="Forbid Scripts Globally" /> Forbid Scripts Globally (advised)</strong></li>
+        <li>Click the <img src="static/i/toronion.png" alt="Tor icon" />Tor icon in the toolbar above</li>
+        <li>Click <strong>Privacy and Security Settings</strong></li>
+        <li>Turn the Slider to <strong>High</strong></li>
         <li>If the page does not refresh automatically, <a href="/">click here</a> to refresh the page</li> 
       </ol>
+
       <p><a href="/howto-disable-js">Not using the Tor Browser Bundle?</a></p>
     </div>
 
diff --git a/securedrop/source_templates/login.html b/securedrop/source_templates/login.html
index d2bc337812..f531a881f0 100644
--- a/securedrop/source_templates/login.html
+++ b/securedrop/source_templates/login.html
@@ -8,6 +8,6 @@ <h2>Login to check for responses</h2>
 <form method="post" action="/login" autocomplete="off">
 <input name="csrf_token" type="hidden" value="{{ csrf_token() }}">
 <p class="center"><input type="password" name="codename" class="codename" autocomplete="off" placeholder="Enter your codename" autofocus /></p>
-<p class="center"><button type="submit" class="btn block"><i class="fa fa-arrow-circle-o-right"></i> Continue</button></p>
+<p class="center"><button type="submit" class="btn block"><img src="{{ url_for('static', filename='i/font-awesome/white/arrow-circle-o-right.svg') }}" width="20px" height="20px">Continue</button></p>
 </form>
 {% endblock %}
diff --git a/securedrop/source_templates/lookup.html b/securedrop/source_templates/lookup.html
index ee5a623f67..12118fe09e 100644
--- a/securedrop/source_templates/lookup.html
+++ b/securedrop/source_templates/lookup.html
@@ -5,7 +5,7 @@
   {% include 'flashed.html' %}
 
   {% if flagged and not haskey %}
-  <p class="notification"> <i class="fa fa-info-circle pull-left"></i> A journalist has been waiting for you to log in again so SecureDrop can generate a crypto key for you. Now that you have logged in, they are able to write you a reply. Check back later for replies.</p>
+  <p class="notification"> <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/black/info-circle.svg') }}" width="20px" height="20px">A journalist has been waiting for you to log in again so SecureDrop can generate a crypto key for you. Now that you have logged in, they are able to write you a reply. Check back later for replies.</p>
   {% endif %}
 
   <h2 class="headline">Submit documents and messages</h2>
@@ -17,8 +17,9 @@ <h2 class="headline">Submit documents and messages</h2>
 <form id="upload" method="post" action="/submit" enctype="multipart/form-data" autocomplete="off">
   <input name="csrf_token" type="hidden" value="{{ csrf_token() }}"/>
   <div class="snippet">
-    <div class="attachment grid-item">
-      <i class="fa fa-cloud-upload upload-icon"></i> <input type="file" name="fh" autocomplete="off">
+    <div class="attachment grid-item center">
+      <img class="center" src="{{ url_for('static', filename='i/font-awesome/upload.png') }}">
+      <input type="file" name="fh" autocomplete="off">
       <p class="center" id="max-file-size">Maximum upload size: 500 MB</p>
     </div>
     <div class="message grid-item">
@@ -28,7 +29,9 @@ <h2 class="headline">Submit documents and messages</h2>
 
   <hr class="no-line">
 
-  <button type="submit" class="btn primary"><i class="fa fa-cloud-upload"></i> Submit</button>
+  <button type="submit" class="btn primary">
+  <img src="{{ url_for('static', filename='i/font-awesome/white/cloud-upload.svg') }}" width="17px" height="17px">
+  Submit</button>
 </form>
 
 <p><strong>Tip:</strong> If you are already familiar with GPG, you can optionally encrypt your files and messages with our <a href="/journalist-key" class="text-link">public key</a> before submission. Files are encrypted as they are received by SecureDrop; encrypting before submission provides an extra layer of security before your data reaches SecureDrop. <a href="/why-journalist-key" class="text-link">Learn more</a>.</p>
@@ -47,7 +50,8 @@ <h2 class="headline">Replies</h2>
         <form id="delete" class="message" method="post" action="/delete" autocomplete="off">
           <input name="csrf_token" type="hidden" value="{{ csrf_token() }}"/>
           <input type="hidden" name="reply_filename" value="{{ reply.filename }}" autocomplete="off"/>
-          <a href="#confirm-delete-{{ reply.filename }}" class="delete"><i class="fa fa-trash-o"></i> Delete</a>
+          <a href="#confirm-delete-{{ reply.filename }}" class="delete">
+          <img src="{{ url_for('static', filename='i/font-awesome/black/trash.svg') }}" width="20px" height="20px">
           <div id="confirm-delete-{{ reply.filename }}" class="confirm-prompt">
             <p>Delete this reply?
               <a href="#delete">Cancel</a>
@@ -77,7 +81,8 @@ <h2 class="headline">Replies</h2>
 
 
 <div class="code-reminder">
-  <i class="fa fa-lock pull-left"></i> Remember your codename is:
+
+  <img class="pull-left" src="{{ url_for('static', filename='i/font-awesome/black/lock.svg') }}" width="20px" height="20px"> Remember your codename is:
   <div id="show" class="show pull-right"></div>
   <span id="content"><p class="alert"><strong>{{ codename }}</strong></p></span>
 </div>
diff --git a/securedrop/static/i/font-awesome/black/cloud-upload.svg b/securedrop/static/i/font-awesome/black/cloud-upload.svg
new file mode 100644
index 0000000000..bd454e5b3c
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/cloud-upload.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 864q0-14-9-23l-352-352q-9-9-23-9t-23 9l-351 351q-10 12-10 24 0 14 9 23t23 9h224v352q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5-9.5t9.5-22.5v-352h224q13 0 22.5-9.5t9.5-22.5zm640 288q0 159-112.5 271.5t-271.5 112.5h-1088q-185 0-316.5-131.5t-131.5-316.5q0-130 70-240t188-165q-2-30-2-43 0-212 150-362t362-150q156 0 285.5 87t188.5 231q71-62 166-62 106 0 181 75t75 181q0 76-41 138 130 31 213.5 135.5t83.5 238.5z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/black/exclamation-triangle.svg b/securedrop/static/i/font-awesome/black/exclamation-triangle.svg
new file mode 100644
index 0000000000..42836e9f1c
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/exclamation-triangle.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1024 1375v-190q0-14-9.5-23.5t-22.5-9.5h-192q-13 0-22.5 9.5t-9.5 23.5v190q0 14 9.5 23.5t22.5 9.5h192q13 0 22.5-9.5t9.5-23.5zm-2-374l18-459q0-12-10-19-13-11-24-11h-220q-11 0-24 11-10 7-10 21l17 457q0 10 10 16.5t24 6.5h185q14 0 23.5-6.5t10.5-16.5zm-14-934l768 1408q35 63-2 126-17 29-46.5 46t-63.5 17h-1536q-34 0-63.5-17t-46.5-46q-37-63-2-126l768-1408q17-31 47-49t65-18 65 18 47 49z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/black/info-circle.svg b/securedrop/static/i/font-awesome/black/info-circle.svg
new file mode 100644
index 0000000000..df27fca80c
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/info-circle.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1152 1376v-160q0-14-9-23t-23-9h-96v-512q0-14-9-23t-23-9h-320q-14 0-23 9t-9 23v160q0 14 9 23t23 9h96v320h-96q-14 0-23 9t-9 23v160q0 14 9 23t23 9h448q14 0 23-9t9-23zm-128-896v-160q0-14-9-23t-23-9h-192q-14 0-23 9t-9 23v160q0 14 9 23t23 9h192q14 0 23-9t9-23zm640 416q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/black/info.svg b/securedrop/static/i/font-awesome/black/info.svg
new file mode 100644
index 0000000000..7206c1af35
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/info.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 1344v128q0 26-19 45t-45 19h-512q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h64v-384h-64q-26 0-45-19t-19-45v-128q0-26 19-45t45-19h384q26 0 45 19t19 45v576h64q26 0 45 19t19 45zm-128-1152v192q0 26-19 45t-45 19h-256q-26 0-45-19t-19-45v-192q0-26 19-45t45-19h256q26 0 45 19t19 45z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/black/lock.svg b/securedrop/static/i/font-awesome/black/lock.svg
new file mode 100644
index 0000000000..70bee8f458
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/lock.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M640 768h512v-192q0-106-75-181t-181-75-181 75-75 181v192zm832 96v576q0 40-28 68t-68 28h-960q-40 0-68-28t-28-68v-576q0-40 28-68t68-28h32v-192q0-184 132-316t316-132 316 132 132 316v192h32q40 0 68 28t28 68z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/black/times.svg b/securedrop/static/i/font-awesome/black/times.svg
new file mode 100644
index 0000000000..f063b3df42
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/times.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/black/trash.svg b/securedrop/static/i/font-awesome/black/trash.svg
new file mode 100644
index 0000000000..e7c9806be9
--- /dev/null
+++ b/securedrop/static/i/font-awesome/black/trash.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M704 1376v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm256 0v-704q0-14-9-23t-23-9h-64q-14 0-23 9t-9 23v704q0 14 9 23t23 9h64q14 0 23-9t9-23zm-544-992h448l-48-117q-7-9-17-11h-317q-10 2-17 11zm928 32v64q0 14-9 23t-23 9h-96v948q0 83-47 143.5t-113 60.5h-832q-66 0-113-58.5t-47-141.5v-952h-96q-14 0-23-9t-9-23v-64q0-14 9-23t23-9h309l70-167q15-37 54-63t79-26h320q40 0 79 26t54 63l70 167h309q14 0 23 9t9 23z"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/upload.png b/securedrop/static/i/font-awesome/upload.png
new file mode 100644
index 0000000000..a4f89b32b7
Binary files /dev/null and b/securedrop/static/i/font-awesome/upload.png differ
diff --git a/securedrop/static/i/font-awesome/white/arrow-circle-o-right.svg b/securedrop/static/i/font-awesome/white/arrow-circle-o-right.svg
new file mode 100644
index 0000000000..1f77845032
--- /dev/null
+++ b/securedrop/static/i/font-awesome/white/arrow-circle-o-right.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1280 896q0 14-9 23l-320 320q-9 9-23 9-13 0-22.5-9.5t-9.5-22.5v-192h-352q-13 0-22.5-9.5t-9.5-22.5v-192q0-13 9.5-22.5t22.5-9.5h352v-192q0-14 9-23t23-9q12 0 24 10l319 319q9 9 9 23zm160 0q0-148-73-273t-198-198-273-73-273 73-198 198-73 273 73 273 198 198 273 73 273-73 198-198 73-273zm224 0q0 209-103 385.5t-279.5 279.5-385.5 103-385.5-103-279.5-279.5-103-385.5 103-385.5 279.5-279.5 385.5-103 385.5 103 279.5 279.5 103 385.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/white/cloud-upload.svg b/securedrop/static/i/font-awesome/white/cloud-upload.svg
new file mode 100644
index 0000000000..4eac0d5faf
--- /dev/null
+++ b/securedrop/static/i/font-awesome/white/cloud-upload.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1216 864q0-14-9-23l-352-352q-9-9-23-9t-23 9l-351 351q-10 12-10 24 0 14 9 23t23 9h224v352q0 13 9.5 22.5t22.5 9.5h192q13 0 22.5-9.5t9.5-22.5v-352h224q13 0 22.5-9.5t9.5-22.5zm640 288q0 159-112.5 271.5t-271.5 112.5h-1088q-185 0-316.5-131.5t-131.5-316.5q0-130 70-240t188-165q-2-30-2-43 0-212 150-362t362-150q156 0 285.5 87t188.5 231q71-62 166-62 106 0 181 75t75 181q0 76-41 138 130 31 213.5 135.5t83.5 238.5z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/white/comments.svg b/securedrop/static/i/font-awesome/white/comments.svg
new file mode 100644
index 0000000000..3f898e7c61
--- /dev/null
+++ b/securedrop/static/i/font-awesome/white/comments.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1408 768q0 139-94 257t-256.5 186.5-353.5 68.5q-86 0-176-16-124 88-278 128-36 9-86 16h-3q-11 0-20.5-8t-11.5-21q-1-3-1-6.5t.5-6.5 2-6l2.5-5 3.5-5.5 4-5 4.5-5 4-4.5q5-6 23-25t26-29.5 22.5-29 25-38.5 20.5-44q-124-72-195-177t-71-224q0-139 94-257t256.5-186.5 353.5-68.5 353.5 68.5 256.5 186.5 94 257zm384 256q0 120-71 224.5t-195 176.5q10 24 20.5 44t25 38.5 22.5 29 26 29.5 23 25q1 1 4 4.5t4.5 5 4 5 3.5 5.5l2.5 5 2 6 .5 6.5-1 6.5q-3 14-13 22t-22 7q-50-7-86-16-154-40-278-128-90 16-176 16-271 0-472-132 58 4 88 4 161 0 309-45t264-129q125-92 192-212t67-254q0-77-23-152 129 71 204 178t75 230z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/white/refresh.svg b/securedrop/static/i/font-awesome/white/refresh.svg
new file mode 100644
index 0000000000..8a751dd9a8
--- /dev/null
+++ b/securedrop/static/i/font-awesome/white/refresh.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1639 1056q0 5-1 7-64 268-268 434.5t-478 166.5q-146 0-282.5-55t-243.5-157l-129 129q-19 19-45 19t-45-19-19-45v-448q0-26 19-45t45-19h448q26 0 45 19t19 45-19 45l-137 137q71 66 161 102t187 36q134 0 250-65t186-179q11-17 53-117 8-23 30-23h192q13 0 22.5 9.5t9.5 22.5zm25-800v448q0 26-19 45t-45 19h-448q-26 0-45-19t-19-45 19-45l138-138q-148-137-349-137-134 0-250 65t-186 179q-11 17-53 117-8 23-30 23h-199q-13 0-22.5-9.5t-9.5-22.5v-7q65-268 270-434.5t480-166.5q146 0 284 55.5t245 156.5l130-129q19-19 45-19t45 19 19 45z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/securedrop/static/i/font-awesome/white/times.svg b/securedrop/static/i/font-awesome/white/times.svg
new file mode 100644
index 0000000000..cd7f25983a
--- /dev/null
+++ b/securedrop/static/i/font-awesome/white/times.svg
@@ -0,0 +1 @@
+<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg"><path d="M1490 1322q0 40-28 68l-136 136q-28 28-68 28t-68-28l-294-294-294 294q-28 28-68 28t-68-28l-136-136q-28-28-28-68t28-68l294-294-294-294q-28-28-28-68t28-68l136-136q28-28 68-28t68 28l294 294 294-294q28-28 68-28t68 28l136 136q28 28 28 68t-28 68l-294 294 294 294q28 28 28 68z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/securedrop/tests/test_unit_source.py b/securedrop/tests/test_unit_source.py
index 77eabfaa6a..ca5b47621a 100644
--- a/securedrop/tests/test_unit_source.py
+++ b/securedrop/tests/test_unit_source.py
@@ -291,7 +291,7 @@ def test_why_journalist_key(self):
     def test_howto_disable_js(self):
         rv = self.client.get('/howto-disable-js')
         self.assertEqual(rv.status_code, 200)
-        self.assertIn("Disable JavaScript to Protect Your Anonymity", rv.data)
+        self.assertIn("Turn the Security Slider to High to Protect Your Anonymity", rv.data)
 
     @patch('crypto_util.hash_codename')
     def test_login_with_overly_long_codename(self, mock_hash_codename):