diff --git a/umap/static/umap/css/icon.css b/umap/static/umap/css/icon.css
index fb22329f..5581c819 100644
--- a/umap/static/umap/css/icon.css
+++ b/umap/static/umap/css/icon.css
@@ -16,23 +16,42 @@
 .icon + span {
     margin-left: 10px;
 }
+html[dir="rtl"] .icon + span {
+  margin-right: 10px;
+  margin-left: auto;
+}
 .icon-block {
     display: block;
     float: left;
     margin-right: 10px;
 }
+html[dir="rtl"] .icon-block {
+  float: right;
+  margin-left: 10px;
+  margin-right: auto;
+}
 .icon-block + span {
     margin-left: 0;
 }
+html[dir="rtl"] .icon-block + span {
+  margin-right: 0;
+  margin-left: auto;
+}
 .dark .icon-16 {
     background-image: url('../img/16-white.svg');
 }
 .icon-add {
     background-position: -26px -24px;
 }
+html[dir="rtl"] .icon-add {
+    background-position: -25px -24px;
+}
 .icon-back {
     background-position: -122px -144px;
 }
+html[dir="rtl"] .icon-back {
+  transform: scaleX(-1);
+}
 .icon-caption {
     background-position: -98px -24px;
 }
@@ -42,10 +61,17 @@
 .icon-delete {
     background-position: -121px -49px;
 }
+html[dir="rtl"] .icon-delete {
+  background-position: -124px -49px;
+}
 .readonly .icon-delete,
 .off .icon-delete {
     background-position: -121px -122px;
 }
+html[dir="rtl"] .readonly .icon-delete,
+html[dir="rtl"] .off .icon-delete {
+  background-position: -124px -122px;
+}
 .icon-drag {
     background-position: -72px -73px;
     cursor: move;
@@ -60,12 +86,21 @@
 .icon-edit {
     background-position: -51px -49px;
 }
+html[dir="rtl"] .icon-edit {
+  background-position: -49px -49px;
+}
 .off .icon-edit {
     background-position: -51px -73px;
 }
+html[dir="rtl"] .off .icon-edit {
+  background-position: -49px -73px;
+}
 .icon-filters {
     background-position: -4px -24px;
 }
+html[dir="rtl"] .icon-filters {
+    background-position: -1px -24px;
+}
 .icon-key {
     background-position: -144px -121px;
 }
@@ -99,9 +134,15 @@
 .icon-settings {
     background-position: -23px -97px;
 }
+html[dir="rtl"] .icon-settings {
+  background-position: -27px -97px;
+}
 .icon-share {
     background-position: 0px -120px;
 }
+html[dir="rtl"] .icon-share {
+  background-position: -3px -120px;
+}
 .icon-table {
     background-position: -50px -1px;
 }