diff --git a/HISTORY.rst b/HISTORY.rst
index 2d323a7912..a341252b8d 100644
--- a/HISTORY.rst
+++ b/HISTORY.rst
@@ -5,6 +5,8 @@
 * Update related links. Add links to the new Wiki and Forum.
 * Add Redis config entries in the Docker images to disable
   saving the database and to only provision 1 database.
+* Remove use of hard coded font icon for document page
+  rendering busy indicator.
 
 3.1.3 (2018-09-27)
 ==================
diff --git a/mayan/apps/documents/icons.py b/mayan/apps/documents/icons.py
index 699d1ad9c0..b79934b0ec 100644
--- a/mayan/apps/documents/icons.py
+++ b/mayan/apps/documents/icons.py
@@ -21,6 +21,9 @@ icon_dashboard_total_document = Icon(
 icon_document_duplicates_list = Icon(
     driver_name='fontawesome', symbol='clone'
 )
+icon_document_image_loading = Icon(
+    driver_name='fontawesomecss', css_classes='far fa-clock fa-2x'
+)
 icon_document_list = Icon(driver_name='fontawesome', symbol='file')
 icon_document_list_deleted = Icon(driver_name='fontawesome', symbol='trash')
 icon_document_list_favorites = Icon(driver_name='fontawesome', symbol='star')
diff --git a/mayan/apps/documents/templates/documents/forms/widgets/document_page_image.html b/mayan/apps/documents/templates/documents/forms/widgets/document_page_image.html
index 4874a1ec9e..87c26a5011 100644
--- a/mayan/apps/documents/templates/documents/forms/widgets/document_page_image.html
+++ b/mayan/apps/documents/templates/documents/forms/widgets/document_page_image.html
@@ -1,10 +1,11 @@
+{% load appearance_tags %}
 {% load documents_tags %}
 
 <span class="instance-image-widget {{ container_class }}">
     <span class="spinner-container text-primary"
         style="height: {% if display_full_height %}100%{% else %}{{ display_height|default:150 }}px{% endif %}; display: block;"
     >
-        <i class="far fa-clock fa-2x"></i>
+        {% get_icon 'documents.icons.icon_document_image_loading'  %}
     </span>
     <img
         class="thin_border {{ image_classes }}"