diff --git a/phpBB/styles/prosilver/template/ucp_avatar_options_upload.html b/phpBB/styles/prosilver/template/ucp_avatar_options_upload.html
index 4aa6084323..7d5907f181 100644
--- a/phpBB/styles/prosilver/template/ucp_avatar_options_upload.html
+++ b/phpBB/styles/prosilver/template/ucp_avatar_options_upload.html
@@ -18,52 +18,52 @@
 		<div class="avatar-cropper-buttons" id="avatar-cropper-buttons">
 			<div class="button-group">
 				<button class="button" type="button" title="{{ lang('ZOOM_IN') }}" data-cropper-action="zoom,0.1">
-					<i class="icon fa-search-plus fa-fw"></i>
+					{{ Icon('iconify', 'fa:search-plus', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('ZOOM_OUT') }}" data-cropper-action="zoom,-0.1">
-					<i class="icon fa-search-minus fa-fw"></i>
+					{{ Icon('iconify', 'fa:search-minus', '', true) }}
 				</button>
 			</div>
 
 			<div class="button-group">
 				<button class="button" type="button" title="{{ lang('MOVE_LEFT') }}" data-cropper-action="move,-10,0">
-					<i class="icon fa-arrow-left fa-fw"></i>
+					{{ Icon('iconify', 'fa:arrow-left', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('MOVE_RIGHT') }}" data-cropper-action="move,10,0">
-					<i class="icon fa-arrow-right fa-fw"></i>
+					{{ Icon('iconify', 'fa:arrow-right', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('MOVE_UP') }}" data-cropper-action="move,0,-10">
-					<i class="icon fa-arrow-up fa-fw"></i>
+					{{ Icon('iconify', 'fa:arrow-up', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('MOVE_DOWN') }}" data-cropper-action="move,0,10">
-					<i class="icon fa-arrow-down fa-fw"></i>
+					{{ Icon('iconify', 'fa:arrow-down', '', true) }}
 				</button>
 			</div>
 
 			<div class="button-group">
 				<button class="button" type="button" title="{{ lang('ROTATE_LEFT') }}" data-cropper-action="rotate,-90">
-					<i class="icon fa-rotate-left fa-fw"></i>
+					{{ Icon('iconify', 'fa:rotate-left', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('ROTATE_RIGHT') }}" data-cropper-action="rotate,90">
-					<i class="icon fa-rotate-right fa-fw"></i>
+					{{ Icon('iconify', 'fa:rotate-right', '', true) }}
 				</button>
 			</div>
 
 			<div class="button-group">
 				<button class="button" type="button" title="{{ lang('FLIP_HORIZONTALLY') }}" data-cropper-action="scaleX">
-					<i class="icon fa-arrows-h fa-fw"></i>
+					{{ Icon('iconify', 'fa:arrows-h', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('FLIP_VERTICALLY') }}" data-cropper-action="scaleY">
-					<i class="icon fa-arrows-v fa-fw"></i>
+					{{ Icon('iconify', 'fa:arrows-v', '', true) }}
 				</button>
 			</div>
 
 			<div class="button-group">
 				<button class="button" type="button" title="{{ lang('RESET') }}" data-cropper-action="reset">
-					<i class="icon fa-refresh fa-fw"></i>
+					{{ Icon('iconify', 'fa:refresh', '', true) }}
 				</button>
 				<button class="button" type="button" title="{{ lang('CLEAR') }}" data-cropper-action="clear">
-					<i class="icon fa-times fa-fw"></i>
+					{{ Icon('iconify', 'fa:times', '', true) }}
 				</button>
 			</div>
 		</div>