diff --git a/apps/documenteditor/mobile/app/template/EditChart.template b/apps/documenteditor/mobile/app/template/EditChart.template
index 43b4be8f1..a8b27fdbd 100644
--- a/apps/documenteditor/mobile/app/template/EditChart.template
+++ b/apps/documenteditor/mobile/app/template/EditChart.template
@@ -122,7 +122,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-inline"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textInline %></div>
@@ -135,7 +135,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-square"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textSquare %></div>
@@ -148,7 +148,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-tight"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textTight %></div>
@@ -161,7 +161,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-through"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textThrough %></div>
@@ -174,7 +174,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-top-bottom"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textTopBottom %></div>
@@ -187,7 +187,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-infront"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textInFront %></div>
@@ -200,7 +200,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-behind"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textBehind %></div>
diff --git a/apps/documenteditor/mobile/app/template/EditImage.template b/apps/documenteditor/mobile/app/template/EditImage.template
index dcd6066ff..85ea606fe 100644
--- a/apps/documenteditor/mobile/app/template/EditImage.template
+++ b/apps/documenteditor/mobile/app/template/EditImage.template
@@ -129,7 +129,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textInline %></div>
@@ -142,7 +142,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-inline"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textSquare %></div>
@@ -155,7 +155,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-tight"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textTight %></div>
@@ -168,7 +168,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-through"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textThrough %></div>
@@ -181,7 +181,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-top-bottom"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textTopBottom %></div>
@@ -194,7 +194,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-infront"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textInFront %></div>
@@ -207,7 +207,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-behind"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textBehind %></div>
diff --git a/apps/documenteditor/mobile/app/template/EditShape.template b/apps/documenteditor/mobile/app/template/EditShape.template
index 6c844241b..d2c51f1e5 100644
--- a/apps/documenteditor/mobile/app/template/EditShape.template
+++ b/apps/documenteditor/mobile/app/template/EditShape.template
@@ -155,7 +155,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-inline"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textInline %></div>
@@ -168,7 +168,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-square"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textSquare %></div>
@@ -181,7 +181,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-tight"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textTight %></div>
@@ -194,7 +194,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-through"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textThrough %></div>
@@ -207,7 +207,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-top-bottom"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textTopAndBottom %></div>
@@ -220,7 +220,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-infront"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textInFront %></div>
@@ -233,7 +233,7 @@
                             <% if (android) { %>
                             <div class="item-media"><i class="icon icon-form-radio"></i></div>
                             <% } else { %>
-                            <div class="item-media"><i class="icon icon-search"></i></div>
+                            <div class="item-media"><i class="icon icon-wrap-behind"></i></div>
                             <% } %>
                             <div class="item-inner">
                                 <div class="item-title"><%= scope.textBehind %></div>
diff --git a/apps/documenteditor/mobile/resources/css/app-ios.css b/apps/documenteditor/mobile/resources/css/app-ios.css
index 81b623cf8..91b5da975 100644
--- a/apps/documenteditor/mobile/resources/css/app-ios.css
+++ b/apps/documenteditor/mobile/resources/css/app-ios.css
@@ -6556,6 +6556,41 @@ i.icon.icon-table-borders-bottom {
   height: 28px;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M27%2C0H0V27H27V0ZM1%2C26V1H26V26H1Z%22%2F%3E%3Crect%20y%3D%2226%22%20width%3D%2227%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
+i.icon.icon-wrap-inline {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2219%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.31c-1.69%2C1-2.82%2C3.91-2.82%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.48a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0l-0.78-1.9a0.47%2C0.47%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.57%2C9.29%2C9.88%2C8.31s-3.55-2-3.8-.53%2C0.23%2C1.42.37%2C2%2C0.28%2C2.34.76%2C2.75A6.19%2C6.19%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.24-2.14%2C2%2C0.62%2C4.86%2C1.83%2C4.92%2C2-1.87%2C2.34-2.78a26.9%2C26.9%2C0%2C0%2C1%2C.93-2.84%2C8.39%2C8.39%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.39%2C8.39%2C0%2C0%2C1%2C.14-1.51%2C26.73%2C26.73%2C0%2C0%2C1%2C.93%2C2.84c0.34%2C0.92%2C1.13%2C2.84%2C2.34%2C2.78s1.8-4.18%2C1.83-4.92-2.14-2-2.14-2a6.19%2C6.19%2C0%2C0%2C0%2C2.42-.44c0.48-.41.62-2.13%2C0.76-2.75s0.62-.62.37-2S17.77%2C7.33%2C16.08%2C8.31Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-wrap-square {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2219%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2216%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2213%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.33c-1.69%2C1-2.82%2C3.91-2.82%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.5a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0l-0.78-1.9a0.47%2C0.47%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.57%2C9.3%2C9.88%2C8.33s-3.55-2-3.8-.53%2C0.23%2C1.42.37%2C2%2C0.28%2C2.34.76%2C2.75A6.19%2C6.19%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.24-2.14%2C2%2C0.62%2C4.86%2C1.83%2C4.92%2C2-1.87%2C2.34-2.78a26.9%2C26.9%2C0%2C0%2C1%2C.93-2.84%2C8.39%2C8.39%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.39%2C8.39%2C0%2C0%2C1%2C.14-1.51%2C26.73%2C26.73%2C0%2C0%2C1%2C.93%2C2.84c0.34%2C0.92%2C1.13%2C2.84%2C2.34%2C2.78s1.8-4.18%2C1.83-4.92-2.14-2-2.14-2a6.19%2C6.19%2C0%2C0%2C0%2C2.42-.44c0.48-.41.62-2.13%2C0.76-2.75s0.62-.62.37-2S17.77%2C7.35%2C16.08%2C8.33Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-wrap-tight {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2212%22%20y%3D%2219%22%20width%3D%222%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%227%22%20width%3D%224%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.07%2C8.3c-1.69%2C1-2.82%2C3.91-2.82%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.47a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.08%2C9.61a0.47%2C0.47%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.56%2C9.28%2C9.87%2C8.3s-3.55-2-3.8-.53%2C0.23%2C1.42.37%2C2%2C0.28%2C2.34.76%2C2.76A6.17%2C6.17%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.25-2.14%2C2%2C0.62%2C4.86%2C1.83%2C4.92%2C2-1.87%2C2.34-2.79a27%2C27%2C0%2C0%2C1%2C.93-2.85%2C8.41%2C8.41%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.41%2C8.41%2C0%2C0%2C1%2C.14-1.51%2C26.81%2C26.81%2C0%2C0%2C1%2C.93%2C2.85c0.34%2C0.92%2C1.13%2C2.85%2C2.34%2C2.79s1.8-4.18%2C1.83-4.92-2.14-2-2.14-2a6.17%2C6.17%2C0%2C0%2C0%2C2.42-.44c0.48-.42.62-2.13%2C0.76-2.76s0.62-.62.37-2S17.76%2C7.32%2C16.07%2C8.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-wrap-through {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2219%22%20y%3D%2219%22%20width%3D%227%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2216%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2220%22%20y%3D%2213%22%20width%3D%226%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%2210%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%2221%22%20y%3D%227%22%20width%3D%225%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.09%2C8.31c-1.68%2C1-2.8%2C3.93-2.8%2C3.93s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.77-1.91A0.46%2C0.46%2C0%2C0%2C0%2C14%2C9.49a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.2l-0.77%2C1.91a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.12%2C9.64a0.48%2C0.48%2C0%2C0%2C0%2C0-.2%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.46%2C0.46%2C0%2C0%2C0%2C.1.17l0.78%2C1.92a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.61%2C9.3%2C9.93%2C8.31s-3.53-2-3.78-.54%2C0.22%2C1.43.36%2C2.05%2C0.28%2C2.35.76%2C2.77A6.08%2C6.08%2C0%2C0%2C0%2C9.68%2C13S7.52%2C14.3%2C7.55%2C15%2C8.17%2C19.92%2C9.37%2C20s2-1.88%2C2.32-2.8a27.27%2C27.27%2C0%2C0%2C1%2C.92-2.86%2C8.53%2C8.53%2C0%2C0%2C1%2C.14%2C1.52c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.53%2C8.53%2C0%2C0%2C1%2C.14-1.52%2C27.09%2C27.09%2C0%2C0%2C1%2C.92%2C2.86c0.34%2C0.92%2C1.12%2C2.86%2C2.32%2C2.8s1.79-4.2%2C1.82-4.94-2.13-2-2.13-2a6.08%2C6.08%2C0%2C0%2C0%2C2.41-.45c0.48-.42.62-2.14%2C0.76-2.77s0.62-.62.36-2.05S17.77%2C7.33%2C16.09%2C8.31Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-wrap-top-bottom {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.3c-1.68%2C1-2.8%2C3.91-2.8%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.77-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.47a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.77%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.12%2C9.61a0.48%2C0.48%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0%2C0%2C.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.6%2C9.28%2C9.92%2C8.3s-3.52-2-3.77-.53%2C0.22%2C1.42.36%2C2%2C0.28%2C2.34.76%2C2.76a6.08%2C6.08%2C0%2C0%2C0%2C2.4.44s-2.15%2C1.25-2.12%2C2%2C0.61%2C4.86%2C1.82%2C4.92%2C2-1.87%2C2.32-2.79a27.11%2C27.11%2C0%2C0%2C1%2C.92-2.85%2C8.47%2C8.47%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.47%2C8.47%2C0%2C0%2C1%2C.14-1.51%2C26.94%2C26.94%2C0%2C0%2C1%2C.92%2C2.85c0.34%2C0.92%2C1.12%2C2.85%2C2.32%2C2.79s1.79-4.18%2C1.82-4.92-2.12-2-2.12-2a6.08%2C6.08%2C0%2C0%2C0%2C2.4-.44c0.48-.42.62-2.13%2C0.76-2.76s0.61-.62.36-2S17.75%2C7.32%2C16.08%2C8.3Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-wrap-infront {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Crect%20opacity%3D%220.3%22%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%227%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2210%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2213%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2216%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20opacity%3D%220.3%22%20y%3D%2219%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Cpath%20d%3D%22M16.08%2C8.29c-1.69%2C1-2.82%2C3.93-2.82%2C3.93s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.78-1.91A0.46%2C0.46%2C0%2C0%2C0%2C14%2C9.47a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.25%2C0.25%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.2l-0.78%2C1.9a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0L12.09%2C9.61a0.48%2C0.48%2C0%2C0%2C0%2C0-.2%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.46%2C0.46%2C0%2C0%2C0%2C.1.17l0.78%2C1.92a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.57%2C9.27%2C9.88%2C8.29s-3.55-2-3.8-.54%2C0.23%2C1.43.37%2C2.05%2C0.28%2C2.35.76%2C2.77A6.16%2C6.16%2C0%2C0%2C0%2C9.62%2C13s-2.17%2C1.25-2.14%2C2S8.1%2C19.89%2C9.31%2C20s2-1.87%2C2.34-2.8a27.1%2C27.1%2C0%2C0%2C1%2C.93-2.86%2C8.46%2C8.46%2C0%2C0%2C1%2C.14%2C1.52c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.46%2C8.46%2C0%2C0%2C1%2C.14-1.52%2C26.92%2C26.92%2C0%2C0%2C1%2C.93%2C2.86c0.34%2C0.92%2C1.13%2C2.86%2C2.34%2C2.8s1.8-4.19%2C1.83-4.94-2.14-2-2.14-2a6.16%2C6.16%2C0%2C0%2C0%2C2.42-.45c0.48-.42.62-2.14%2C0.76-2.77s0.62-.62.37-2.05S17.77%2C7.31%2C16.08%2C8.29Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-wrap-behind {
+  width: 28px;
+  height: 28px;
+  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%234066D7%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M16.07%2C8.34c-1.68%2C1-2.8%2C3.91-2.8%2C3.91s-0.19.06-.07-0.22a0.33%2C0.33%2C0%2C0%2C0%2C0-.45l0.77-1.9A0.45%2C0.45%2C0%2C0%2C0%2C14%2C9.51a0.26%2C0.26%2C0%2C0%2C0%2C0-.23%2C0.24%2C0.24%2C0%2C0%2C0-.14.18%2C0.49%2C0.49%2C0%2C0%2C0%2C0%2C.19l-0.77%2C1.89a0.17%2C0.17%2C0%2C0%2C0-.11%2C0%2C0.25%2C0.25%2C0%2C0%2C1-.11%2C0l-0.77-1.9a0.48%2C0.48%2C0%2C0%2C0%2C0-.19%2C0.24%2C0.24%2C0%2C0%2C0-.14-0.18%2C0.26%2C0.26%2C0%2C0%2C0%2C0%2C.23%2C0.45%2C0.45%2C0%2C0%2C0%2C.1.17l0.78%2C1.91a0.32%2C0.32%2C0%2C0%2C0-.05.44c0.12%2C0.29-.07.22-0.07%2C0.22S11.6%2C9.32%2C9.92%2C8.34s-3.52-2-3.78-.53%2C0.22%2C1.42.36%2C2%2C0.28%2C2.34.76%2C2.75A6.1%2C6.1%2C0%2C0%2C0%2C9.67%2C13s-2.15%2C1.24-2.13%2C2%2C0.62%2C4.85%2C1.82%2C4.91%2C2-1.86%2C2.32-2.78a27%2C27%2C0%2C0%2C1%2C.92-2.84%2C8.43%2C8.43%2C0%2C0%2C1%2C.14%2C1.51c0.11%2C0.3.25%2C0.26%2C0.25%2C0.26s0.14%2C0%2C.25-0.26a8.43%2C8.43%2C0%2C0%2C1%2C.14-1.51%2C26.83%2C26.83%2C0%2C0%2C1%2C.92%2C2.84c0.34%2C0.92%2C1.12%2C2.84%2C2.32%2C2.78s1.79-4.17%2C1.82-4.91-2.13-2-2.13-2a6.1%2C6.1%2C0%2C0%2C0%2C2.41-.44c0.48-.41.62-2.13%2C0.76-2.75s0.62-.62.36-2S17.75%2C7.36%2C16.07%2C8.34Z%22%2F%3E%3Crect%20y%3D%221%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%224%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2225%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2222%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%227%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2210%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2213%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2216%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3Crect%20y%3D%2219%22%20width%3D%2226%22%20height%3D%221%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
 #editor_sdk {
   position: absolute;
   left: 0;
diff --git a/apps/documenteditor/mobile/resources/less/ios/_icons.less b/apps/documenteditor/mobile/resources/less/ios/_icons.less
index ad6938491..3f52afaa5 100644
--- a/apps/documenteditor/mobile/resources/less/ios/_icons.less
+++ b/apps/documenteditor/mobile/resources/less/ios/_icons.less
@@ -248,4 +248,43 @@ i.icon {
     height: 28px;
     .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M27,0H0V27H27V0ZM1,26V1H26V26H1Z"/><rect y="26" width="27" height="1"/></g></svg>');
   }
+
+  // Wrap
+
+  &.icon-wrap-inline {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect x="20" y="19" width="6" height="1"/><path d="M16.08,8.31c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.48a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.78-1.9a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.29,9.88,8.31s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.75A6.19,6.19,0,0,0,9.62,13s-2.17,1.24-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.78a26.9,26.9,0,0,1,.93-2.84,8.39,8.39,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.39,8.39,0,0,1,.14-1.51,26.73,26.73,0,0,1,.93,2.84c0.34,0.92,1.13,2.84,2.34,2.78s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.19,6.19,0,0,0,2.42-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.37-2S17.77,7.33,16.08,8.31Z"/></g></svg>');
+  }
+  &.icon-wrap-square {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="5" height="1"/><rect y="16" width="5" height="1"/><rect y="19" width="5" height="1"/><rect x="21" y="19" width="5" height="1"/><rect x="21" y="16" width="5" height="1"/><rect x="21" y="13" width="5" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><path d="M16.08,8.33c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.5a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.78-1.9a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.3,9.88,8.33s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.75A6.19,6.19,0,0,0,9.62,13s-2.17,1.24-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.78a26.9,26.9,0,0,1,.93-2.84,8.39,8.39,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.39,8.39,0,0,1,.14-1.51,26.73,26.73,0,0,1,.93,2.84c0.34,0.92,1.13,2.84,2.34,2.78s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.19,6.19,0,0,0,2.42-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.37-2S17.77,7.35,16.08,8.33Z"/></g></svg>');
+  }
+  &.icon-wrap-tight {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="6" height="1"/><rect y="16" width="6" height="1"/><rect y="19" width="7" height="1"/><rect x="19" y="19" width="7" height="1"/><rect x="12" y="19" width="2" height="1"/><rect x="20" y="16" width="6" height="1"/><rect x="20" y="13" width="6" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><rect x="11" y="7" width="4" height="1"/><path d="M16.07,8.3c-1.69,1-2.82,3.91-2.82,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.9A0.45,0.45,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.08,9.61a0.47,0.47,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.56,9.28,9.87,8.3s-3.55-2-3.8-.53,0.23,1.42.37,2,0.28,2.34.76,2.76A6.17,6.17,0,0,0,9.62,13s-2.17,1.25-2.14,2,0.62,4.86,1.83,4.92,2-1.87,2.34-2.79a27,27,0,0,1,.93-2.85,8.41,8.41,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.41,8.41,0,0,1,.14-1.51,26.81,26.81,0,0,1,.93,2.85c0.34,0.92,1.13,2.85,2.34,2.79s1.8-4.18,1.83-4.92-2.14-2-2.14-2a6.17,6.17,0,0,0,2.42-.44c0.48-.42.62-2.13,0.76-2.76s0.62-.62.37-2S17.76,7.32,16.07,8.3Z"/></g></svg>');
+  }
+  &.icon-wrap-through {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="5" height="1"/><rect y="10" width="5" height="1"/><rect y="13" width="6" height="1"/><rect y="16" width="6" height="1"/><rect y="19" width="7" height="1"/><rect x="19" y="19" width="7" height="1"/><rect x="20" y="16" width="6" height="1"/><rect x="20" y="13" width="6" height="1"/><rect x="21" y="10" width="5" height="1"/><rect x="21" y="7" width="5" height="1"/><path d="M16.09,8.31c-1.68,1-2.8,3.93-2.8,3.93s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.91A0.46,0.46,0,0,0,14,9.49a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.2l-0.77,1.91a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.12,9.64a0.48,0.48,0,0,0,0-.2,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.46,0.46,0,0,0,.1.17l0.78,1.92a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.61,9.3,9.93,8.31s-3.53-2-3.78-.54,0.22,1.43.36,2.05,0.28,2.35.76,2.77A6.08,6.08,0,0,0,9.68,13S7.52,14.3,7.55,15,8.17,19.92,9.37,20s2-1.88,2.32-2.8a27.27,27.27,0,0,1,.92-2.86,8.53,8.53,0,0,1,.14,1.52c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.53,8.53,0,0,1,.14-1.52,27.09,27.09,0,0,1,.92,2.86c0.34,0.92,1.12,2.86,2.32,2.8s1.79-4.2,1.82-4.94-2.13-2-2.13-2a6.08,6.08,0,0,0,2.41-.45c0.48-.42.62-2.14,0.76-2.77s0.62-.62.36-2.05S17.77,7.33,16.09,8.31Z"/></g></svg>');
+  }
+  &.icon-wrap-top-bottom {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><path d="M16.08,8.3c-1.68,1-2.8,3.91-2.8,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.9A0.45,0.45,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.77,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.12,9.61a0.48,0.48,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0,0,.44c0.12,0.29-.07.22-0.07,0.22S11.6,9.28,9.92,8.3s-3.52-2-3.77-.53,0.22,1.42.36,2,0.28,2.34.76,2.76a6.08,6.08,0,0,0,2.4.44s-2.15,1.25-2.12,2,0.61,4.86,1.82,4.92,2-1.87,2.32-2.79a27.11,27.11,0,0,1,.92-2.85,8.47,8.47,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.47,8.47,0,0,1,.14-1.51,26.94,26.94,0,0,1,.92,2.85c0.34,0.92,1.12,2.85,2.32,2.79s1.79-4.18,1.82-4.92-2.12-2-2.12-2a6.08,6.08,0,0,0,2.4-.44c0.48-.42.62-2.13,0.76-2.76s0.61-.62.36-2S17.75,7.32,16.08,8.3Z"/></g></svg>');
+  }
+  &.icon-wrap-infront {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><rect opacity="0.3" y="1" width="26" height="1"/><rect opacity="0.3" y="4" width="26" height="1"/><rect opacity="0.3" y="25" width="26" height="1"/><rect opacity="0.3" y="22" width="26" height="1"/><rect opacity="0.3" y="7" width="26" height="1"/><rect opacity="0.3" y="10" width="26" height="1"/><rect opacity="0.3" y="13" width="26" height="1"/><rect opacity="0.3" y="16" width="26" height="1"/><rect opacity="0.3" y="19" width="26" height="1"/><path d="M16.08,8.29c-1.69,1-2.82,3.93-2.82,3.93s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.78-1.91A0.46,0.46,0,0,0,14,9.47a0.26,0.26,0,0,0,0-.23,0.25,0.25,0,0,0-.14.18,0.49,0.49,0,0,0,0,.2l-0.78,1.9a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0L12.09,9.61a0.48,0.48,0,0,0,0-.2,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.46,0.46,0,0,0,.1.17l0.78,1.92a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.57,9.27,9.88,8.29s-3.55-2-3.8-.54,0.23,1.43.37,2.05,0.28,2.35.76,2.77A6.16,6.16,0,0,0,9.62,13s-2.17,1.25-2.14,2S8.1,19.89,9.31,20s2-1.87,2.34-2.8a27.1,27.1,0,0,1,.93-2.86,8.46,8.46,0,0,1,.14,1.52c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.46,8.46,0,0,1,.14-1.52,26.92,26.92,0,0,1,.93,2.86c0.34,0.92,1.13,2.86,2.34,2.8s1.8-4.19,1.83-4.94-2.14-2-2.14-2a6.16,6.16,0,0,0,2.42-.45c0.48-.42.62-2.14,0.76-2.77s0.62-.62.37-2.05S17.77,7.31,16.08,8.29Z"/></g></svg>');
+  }
+  &.icon-wrap-behind {
+    width: 28px;
+    height: 28px;
+    .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M16.07,8.34c-1.68,1-2.8,3.91-2.8,3.91s-0.19.06-.07-0.22a0.33,0.33,0,0,0,0-.45l0.77-1.9A0.45,0.45,0,0,0,14,9.51a0.26,0.26,0,0,0,0-.23,0.24,0.24,0,0,0-.14.18,0.49,0.49,0,0,0,0,.19l-0.77,1.89a0.17,0.17,0,0,0-.11,0,0.25,0.25,0,0,1-.11,0l-0.77-1.9a0.48,0.48,0,0,0,0-.19,0.24,0.24,0,0,0-.14-0.18,0.26,0.26,0,0,0,0,.23,0.45,0.45,0,0,0,.1.17l0.78,1.91a0.32,0.32,0,0,0-.05.44c0.12,0.29-.07.22-0.07,0.22S11.6,9.32,9.92,8.34s-3.52-2-3.78-.53,0.22,1.42.36,2,0.28,2.34.76,2.75A6.1,6.1,0,0,0,9.67,13s-2.15,1.24-2.13,2,0.62,4.85,1.82,4.91,2-1.86,2.32-2.78a27,27,0,0,1,.92-2.84,8.43,8.43,0,0,1,.14,1.51c0.11,0.3.25,0.26,0.25,0.26s0.14,0,.25-0.26a8.43,8.43,0,0,1,.14-1.51,26.83,26.83,0,0,1,.92,2.84c0.34,0.92,1.12,2.84,2.32,2.78s1.79-4.17,1.82-4.91-2.13-2-2.13-2a6.1,6.1,0,0,0,2.41-.44c0.48-.41.62-2.13,0.76-2.75s0.62-.62.36-2S17.75,7.36,16.07,8.34Z"/><rect y="1" width="26" height="1"/><rect y="4" width="26" height="1"/><rect y="25" width="26" height="1"/><rect y="22" width="26" height="1"/><rect y="7" width="26" height="1"/><rect y="10" width="26" height="1"/><rect y="13" width="26" height="1"/><rect y="16" width="26" height="1"/><rect y="19" width="26" height="1"/></g></svg>');
+  }
+
 }
\ No newline at end of file