diff --git a/public/themes/bootstrap/img/arrow_rtl.png b/public/themes/bootstrap/img/arrow_rtl.png
deleted file mode 100644
index d035b9d9ba..0000000000
Binary files a/public/themes/bootstrap/img/arrow_rtl.png and /dev/null differ
diff --git a/public/themes/bootstrap/img/dark/select-all-arrow.svg b/public/themes/bootstrap/img/dark/select-all-arrow.svg
new file mode 100644
index 0000000000..95ff9c425a
--- /dev/null
+++ b/public/themes/bootstrap/img/dark/select-all-arrow.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 38 22" xmlns="http://www.w3.org/2000/svg" stroke="#adb5bd"><path d="M9 2h1m0 1h1M6 5h1m3 1h1M9 7h1m4 9h1m16 0h1M8 3h1M8 4h1m2 1h1M5 6h1m5 0h2m-4 7h1m-1 1h1m15 2h1M9 3h1M9 8h1m-1 8h1m11 0h1m4 0h1m2 0h1M7 4h1M6 6h1m2 0h1m2 10h1m4 0h1m1 0h2m6 0h1m4 0h1M9 4h2M8 6h1m4 0h1m-5 4h1m5 6h1m7 0h1m4 0h1m1 0h1M11 4h1M9 5h2m1 0h1M9 9h1m1 7h1m4 0h1m1 0h1M7 5h2m0 7h1m-1 3h1m3 1h1m10 0h1M7 6h1m1 5h1m0 5h1m11 0h1"/></svg>
\ No newline at end of file
diff --git a/public/themes/bootstrap/img/select-all-arrow.svg b/public/themes/bootstrap/img/select-all-arrow.svg
new file mode 100644
index 0000000000..bd3fa07057
--- /dev/null
+++ b/public/themes/bootstrap/img/select-all-arrow.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 38 22" xmlns="http://www.w3.org/2000/svg" stroke="#212529"><path d="M9 2h1m0 1h1M6 5h1m3 1h1M9 7h1m4 9h1m16 0h1M8 3h1M8 4h1m2 1h1M5 6h1m5 0h2m-4 7h1m-1 1h1m15 2h1M9 3h1M9 8h1m-1 8h1m11 0h1m4 0h1m2 0h1M7 4h1M6 6h1m2 0h1m2 10h1m4 0h1m1 0h2m6 0h1m4 0h1M9 4h2M8 6h1m4 0h1m-5 4h1m5 6h1m7 0h1m4 0h1m1 0h1M11 4h1M9 5h2m1 0h1M9 9h1m1 7h1m4 0h1m1 0h1M7 5h2m0 7h1m-1 3h1m3 1h1m10 0h1M7 6h1m1 5h1m0 5h1m11 0h1"/></svg>
\ No newline at end of file
diff --git a/public/themes/bootstrap/scss/_common.scss b/public/themes/bootstrap/scss/_common.scss
index b68b15e007..0a5bd64c8f 100644
--- a/public/themes/bootstrap/scss/_common.scss
+++ b/public/themes/bootstrap/scss/_common.scss
@@ -153,11 +153,6 @@ td .icon {
   margin: 0;
 }
 
-.selectallarrow {
-  margin-right: 0.3em;
-  margin-left: 0.6em;
-}
-
 .with-selected {
   margin-left: 2em;
 }
diff --git a/public/themes/bootstrap/scss/_icons.scss b/public/themes/bootstrap/scss/_icons.scss
index ac18d57616..4e87129847 100644
--- a/public/themes/bootstrap/scss/_icons.scss
+++ b/public/themes/bootstrap/scss/_icons.scss
@@ -4,6 +4,7 @@
   padding: 0 !important;
   width: 16px;
   height: 16px;
+  background-repeat: no-repeat;
 }
 
 .icon_fulltext {
@@ -11,6 +12,17 @@
   height: 19px;
 }
 
+.ic_select_all_arrow {
+  width: 38px;
+  height: 22px;
+  margin-right: 1rem;
+  background-image: url('../img/select-all-arrow.svg');
+
+  &[dir=rtl] {
+    transform: scaleX(-1);
+  }
+}
+
 .ic_asc_order {
   background-image: url('../img/asc_order.png');
 }
@@ -682,6 +694,10 @@
 }
 
 @include color-mode(dark) {
+  .ic_select_all_arrow {
+    background-image: url('../img/dark/select-all-arrow.svg');
+  }
+
   .ic_asc_order {
     background-image: url('../img/asc_order.png');
   }
diff --git a/public/themes/metro/img/arrow_rtl.png b/public/themes/metro/img/arrow_rtl.png
deleted file mode 100644
index 5005524788..0000000000
Binary files a/public/themes/metro/img/arrow_rtl.png and /dev/null differ
diff --git a/public/themes/metro/img/arrow_ltr.png b/public/themes/metro/img/select-all-arrow.png
similarity index 100%
rename from public/themes/metro/img/arrow_ltr.png
rename to public/themes/metro/img/select-all-arrow.png
diff --git a/public/themes/metro/scss/_common.scss b/public/themes/metro/scss/_common.scss
index c35f3f9c98..62d3868043 100644
--- a/public/themes/metro/scss/_common.scss
+++ b/public/themes/metro/scss/_common.scss
@@ -472,11 +472,6 @@ img.lightbulb {
   color: inherit !important;
 }
 
-.selectallarrow {
-  margin-right: 0.3em;
-  margin-left: 0.6em;
-}
-
 .with-selected {
   margin-left: 2em;
 }
diff --git a/public/themes/metro/scss/_icons.scss b/public/themes/metro/scss/_icons.scss
index ae6a62681a..6b74201a63 100644
--- a/public/themes/metro/scss/_icons.scss
+++ b/public/themes/metro/scss/_icons.scss
@@ -4,6 +4,7 @@
   padding: 0 !important;
   width: 16px;
   height: 16px;
+  background-repeat: no-repeat;
 }
 
 .icon_fulltext {
@@ -11,6 +12,17 @@
   height: 19px;
 }
 
+.ic_select_all_arrow {
+  width: 38px;
+  height: 22px;
+  margin-right: 1rem;
+  background-image: url('../img/select-all-arrow.png');
+
+  &[dir=rtl] {
+    transform: scaleX(-1);
+  }
+}
+
 .ic_asc_order {
   background-image: url('../img/asc_order.png');
 }
diff --git a/public/themes/original/img/arrow_rtl.png b/public/themes/original/img/arrow_rtl.png
deleted file mode 100644
index d035b9d9ba..0000000000
Binary files a/public/themes/original/img/arrow_rtl.png and /dev/null differ
diff --git a/public/themes/bootstrap/img/arrow_ltr.png b/public/themes/original/img/select-all-arrow.png
similarity index 100%
rename from public/themes/bootstrap/img/arrow_ltr.png
rename to public/themes/original/img/select-all-arrow.png
diff --git a/public/themes/original/scss/_common.scss b/public/themes/original/scss/_common.scss
index e0e3b97c4a..a1265ef261 100644
--- a/public/themes/original/scss/_common.scss
+++ b/public/themes/original/scss/_common.scss
@@ -177,11 +177,6 @@ img.lightbulb {
   background-position: center;
 }
 
-.selectallarrow {
-  margin-right: 0.3em;
-  margin-left: 0.6em;
-}
-
 .with-selected {
   margin-left: 2em;
 }
diff --git a/public/themes/original/scss/_icons.scss b/public/themes/original/scss/_icons.scss
index c71a86c55a..9735a03fde 100644
--- a/public/themes/original/scss/_icons.scss
+++ b/public/themes/original/scss/_icons.scss
@@ -4,6 +4,7 @@
   padding: 0 !important;
   width: 16px;
   height: 16px;
+  background-repeat: no-repeat;
 }
 
 .icon_fulltext {
@@ -11,6 +12,17 @@
   height: 19px;
 }
 
+.ic_select_all_arrow {
+  width: 38px;
+  height: 22px;
+  margin-right: 1rem;
+  background-image: url('../img/select-all-arrow.png');
+
+  &[dir=rtl] {
+    transform: scaleX(-1);
+  }
+}
+
 .ic_asc_order {
   background-image: url('../../pmahomme/img/asc_order.png');
 }
diff --git a/public/themes/pmahomme/img/arrow_ltr.png b/public/themes/pmahomme/img/arrow_ltr.png
deleted file mode 100644
index cd79ab42f0..0000000000
Binary files a/public/themes/pmahomme/img/arrow_ltr.png and /dev/null differ
diff --git a/public/themes/pmahomme/img/arrow_rtl.png b/public/themes/pmahomme/img/arrow_rtl.png
deleted file mode 100644
index d035b9d9ba..0000000000
Binary files a/public/themes/pmahomme/img/arrow_rtl.png and /dev/null differ
diff --git a/public/themes/original/img/arrow_ltr.png b/public/themes/pmahomme/img/select-all-arrow.png
similarity index 100%
rename from public/themes/original/img/arrow_ltr.png
rename to public/themes/pmahomme/img/select-all-arrow.png
diff --git a/public/themes/pmahomme/scss/_common.scss b/public/themes/pmahomme/scss/_common.scss
index 399cbe3226..4c1905e796 100644
--- a/public/themes/pmahomme/scss/_common.scss
+++ b/public/themes/pmahomme/scss/_common.scss
@@ -354,11 +354,6 @@ img.lightbulb {
   color: inherit !important;
 }
 
-.selectallarrow {
-  margin-right: 0.3em;
-  margin-left: 0.6em;
-}
-
 .with-selected {
   margin-left: 2em;
 }
diff --git a/public/themes/pmahomme/scss/_icons.scss b/public/themes/pmahomme/scss/_icons.scss
index d87b79098d..3ee3880be5 100644
--- a/public/themes/pmahomme/scss/_icons.scss
+++ b/public/themes/pmahomme/scss/_icons.scss
@@ -4,6 +4,7 @@
   padding: 0 !important;
   width: 16px;
   height: 16px;
+  background-repeat: no-repeat;
 }
 
 .icon_fulltext {
@@ -11,6 +12,17 @@
   height: 19px;
 }
 
+.ic_select_all_arrow {
+  width: 38px;
+  height: 22px;
+  margin-right: 1rem;
+  background-image: url('../img/select-all-arrow.png');
+
+  &[dir=rtl] {
+    transform: scaleX(-1);
+  }
+}
+
 .ic_asc_order {
   background-image: url('../img/asc_order.png');
 }
diff --git a/templates/database/privileges/index.twig b/templates/database/privileges/index.twig
index b3a38ad106..5fb6705d44 100644
--- a/templates/database/privileges/index.twig
+++ b/templates/database/privileges/index.twig
@@ -108,8 +108,7 @@
         </div>
 
         <div>
-          <img class="selectallarrow" src="{{ image('arrow_' ~ text_dir ~ '.png') }}" alt="
-            {%- trans 'With selected:' %}" width="38" height="22">
+          {{ get_image('select_all_arrow', 'With selected:'|trans, { 'dir': text_dir, 'width': '38', 'height': '22' }) }}
           <input type="checkbox" id="usersForm_checkall" class="checkall_box" title="{% trans 'Check all' %}">
           <label for="usersForm_checkall">{% trans 'Check all' %}</label>
           <em class="with-selected">{% trans 'With selected:' %}</em>
diff --git a/templates/database/structure/check_all_tables.twig b/templates/database/structure/check_all_tables.twig
index 3a5a0c68c7..92b3539696 100644
--- a/templates/database/structure/check_all_tables.twig
+++ b/templates/database/structure/check_all_tables.twig
@@ -1,5 +1,5 @@
 <div class="clearfloat d-print-none">
-    <img class="selectallarrow" src="{{ image('arrow_' ~ text_dir ~ '.png') }}" width="38" height="22" alt="{% trans 'With selected:' %}">
+    {{ get_image('select_all_arrow', 'With selected:'|trans, { 'dir': text_dir, 'width': '38', 'height': '22' }) }}
     <input type="checkbox" id="tablesForm_checkall" class="checkall_box" title="{% trans 'Check all' %}">
     <label for="tablesForm_checkall">{% trans 'Check all' %}</label>
     {% if overhead_check != '' %}
diff --git a/templates/display/results/table.twig b/templates/display/results/table.twig
index 24d13ed343..cbcb006390 100644
--- a/templates/display/results/table.twig
+++ b/templates/display/results/table.twig
@@ -311,7 +311,7 @@
 
 {% if has_bulk_links %}
     <div class="d-print-none">
-      <img class="selectallarrow" src="{{ image('arrow_' ~ text_dir ~ '.png') }}" width="38" height="22" alt="{% trans 'With selected:' %}">
+      {{ get_image('select_all_arrow', 'With selected:'|trans, { 'dir': text_dir, 'width': '38', 'height': '22' }) }}
       <input type="checkbox" id="resultsForm_{{ unique_id }}_checkall" class="checkall_box" title="{% trans 'Check all' %}">
       <label for="resultsForm_{{ unique_id }}_checkall">{% trans 'Check all' %}</label>
       <em class="with-selected">{% trans 'With selected:' %}</em>
diff --git a/templates/select_all.twig b/templates/select_all.twig
index 11ef160954..e9e1e708fd 100644
--- a/templates/select_all.twig
+++ b/templates/select_all.twig
@@ -1,5 +1,4 @@
-<img class="selectallarrow" src="{{ image('arrow_' ~ text_dir ~ '.png') }}"
-    width="38" height="22" alt="{% trans 'With selected:' %}">
+{{ get_image('select_all_arrow', 'With selected:'|trans, { 'dir': text_dir, 'width': '38', 'height': '22' }) }}
 <input type="checkbox" id="{{ form_name }}_checkall" class="checkall_box"
     title="{% trans 'Check all' %}">
 <label for="{{ form_name }}_checkall">{% trans 'Check all' %}</label>
diff --git a/templates/server/privileges/users_overview.twig b/templates/server/privileges/users_overview.twig
index c509438050..9c26a7fa57 100644
--- a/templates/server/privileges/users_overview.twig
+++ b/templates/server/privileges/users_overview.twig
@@ -116,8 +116,7 @@
 
   <div class="float-start row">
     <div class="col-12">
-      <img class="selectallarrow" width="38" height="22" src="
-        {{- image('arrow_' ~ text_dir ~ '.png') }}" alt="{% trans 'With selected:' %}">
+      {{ get_image('select_all_arrow', 'With selected:'|trans, { 'dir': text_dir, 'width': '38', 'height': '22' }) }}
       <input type="checkbox" id="usersForm_checkall" class="checkall_box" title="{% trans 'Check all' %}">
       <label for="usersForm_checkall">{% trans 'Check all' %}</label>
       <em class="with-selected">{% trans 'With selected:' %}</em>
diff --git a/templates/table/privileges/index.twig b/templates/table/privileges/index.twig
index 393f743ba3..5bef29e515 100644
--- a/templates/table/privileges/index.twig
+++ b/templates/table/privileges/index.twig
@@ -112,8 +112,7 @@
         </div>
 
         <div>
-          <img class="selectallarrow" src="{{ image('arrow_' ~ text_dir ~ '.png') }}" alt="
-          {%- trans 'With selected:' %}" width="38" height="22">
+          {{ get_image('select_all_arrow', 'With selected:'|trans, { 'dir': text_dir, 'width': '38', 'height': '22' }) }}
           <input type="checkbox" id="usersForm_checkall" class="checkall_box" title="{% trans 'Check all' %}">
           <label for="usersForm_checkall">{% trans 'Check all' %}</label>
           <em class="with-selected">{% trans 'With selected:' %}</em>