diff --git a/frappe/public/js/frappe/list/list_settings.js b/frappe/public/js/frappe/list/list_settings.js
index 4877d6fbb7..3a82935a53 100644
--- a/frappe/public/js/frappe/list/list_settings.js
+++ b/frappe/public/js/frappe/list/list_settings.js
@@ -114,14 +114,14 @@ export default class ListSettings {
 
 					<div class="row">
 						<div class="col-md-1">
-							<i class="fa fa-bars text-muted sortable-handle ${show_sortable_handle}" aria-hidden="true"></i>
+							${frappe.utils.icon("drag", "xs", "", "sortable-handle " + show_sortable_handle)}
 						</div>
 						<div class="col-md-10" style="padding-left:0px;">
 							${me.fields[idx].label}
 						</div>
 						<div class="col-md-1 ${can_remove}">
 							<a class="text-muted remove-field" data-fieldname="${me.fields[idx].fieldname}">
-								<i class="fa fa-trash-o" aria-hidden="true"></i>
+								${frappe.utils.icon("delete", "xs")}
 							</a>
 						</div>
 					</div>
diff --git a/frappe/public/js/frappe/utils/utils.js b/frappe/public/js/frappe/utils/utils.js
index f534dff1c6..0a80bb081c 100644
--- a/frappe/public/js/frappe/utils/utils.js
+++ b/frappe/public/js/frappe/utils/utils.js
@@ -1123,7 +1123,7 @@ Object.assign(frappe.utils, {
 		}
 	},
 
-	icon(icon_name, size="sm", icon_class="") {
+	icon(icon_name, size="sm", icon_class="", svg_class="") {
 		let size_class = "";
 		let icon_style = "";
 		if (typeof size == "object") {
@@ -1131,7 +1131,7 @@ Object.assign(frappe.utils, {
 		} else {
 			size_class = `icon-${size}`;
 		}
-		return `<svg class="icon ${size_class}" style="${icon_style}">
+		return `<svg class="icon ${svg_class} ${size_class}" style="${icon_style}">
 			<use class="${icon_class}" href="#icon-${icon_name}"></use>
 		</svg>`;
 	},
diff --git a/frappe/public/scss/desk/list.scss b/frappe/public/scss/desk/list.scss
index 1818f6d8b3..9c78dd0102 100644
--- a/frappe/public/scss/desk/list.scss
+++ b/frappe/public/scss/desk/list.scss
@@ -228,6 +228,10 @@ input.list-check-all, input.list-row-checkbox {
 		z-index: 500;
 		top: 0;
 	}
+
+	.sortable-handle {
+		cursor: -webkit-grabbing;
+	}
 }
 
 .list-items {