From af319d664feea3c8d3c37c64a9f4b04193e95d02 Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Wed, 18 Jan 2017 10:29:42 +0300
Subject: [PATCH] [PE mobile] Change icons.

---
 .../mobile/app/template/EditChart.template    | 16 ++---
 .../mobile/app/template/EditImage.template    | 16 ++---
 .../mobile/app/template/EditShape.template    | 16 ++---
 .../mobile/app/template/EditTable.template    | 16 ++---
 .../mobile/app/template/Settings.template     |  2 +-
 .../mobile/resources/css/app-ios.css          | 51 +++++++++++++++-
 .../mobile/resources/css/app-material.css     | 51 +++++++++++++++-
 .../mobile/resources/less/ios/_icons.less     | 59 ++++++++++++++++++-
 .../resources/less/material/_icons.less       | 59 ++++++++++++++++++-
 9 files changed, 241 insertions(+), 45 deletions(-)

diff --git a/apps/presentationeditor/mobile/app/template/EditChart.template b/apps/presentationeditor/mobile/app/template/EditChart.template
index 0f391e926..e157fd443 100644
--- a/apps/presentationeditor/mobile/app/template/EditChart.template
+++ b/apps/presentationeditor/mobile/app/template/EditChart.template
@@ -216,7 +216,7 @@
                     <li>
                         <a data-type="align-left" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-left"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignLeft %></div>
                                 </div>
@@ -226,7 +226,7 @@
                     <li>
                         <a data-type="align-center" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-center"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignCenter %></div>
                                 </div>
@@ -236,7 +236,7 @@
                     <li>
                         <a data-type="align-right" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-right"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignRight %></div>
                                 </div>
@@ -246,7 +246,7 @@
                     <li>
                         <a data-type="align-top" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-top"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignTop %></div>
                                 </div>
@@ -256,7 +256,7 @@
                     <li>
                         <a data-type="align-middle" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-middle"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignMiddle %></div>
                                 </div>
@@ -266,7 +266,7 @@
                     <li>
                         <a data-type="align-bottom" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-bottom"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignBottom %></div>
                                 </div>
@@ -280,7 +280,7 @@
                     <li>
                         <a data-type="distrib-hor" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-horizontal"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribHor %></div>
                                 </div>
@@ -290,7 +290,7 @@
                     <li>
                         <a data-type="distrib-vert" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-vertical"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribVert %></div>
                                 </div>
diff --git a/apps/presentationeditor/mobile/app/template/EditImage.template b/apps/presentationeditor/mobile/app/template/EditImage.template
index c06328b88..7a5837448 100644
--- a/apps/presentationeditor/mobile/app/template/EditImage.template
+++ b/apps/presentationeditor/mobile/app/template/EditImage.template
@@ -208,7 +208,7 @@
                     <li>
                         <a data-type="align-left" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-left"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignLeft %></div>
                                 </div>
@@ -218,7 +218,7 @@
                     <li>
                         <a data-type="align-center" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-center"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignCenter %></div>
                                 </div>
@@ -228,7 +228,7 @@
                     <li>
                         <a data-type="align-right" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-right"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignRight %></div>
                                 </div>
@@ -238,7 +238,7 @@
                     <li>
                         <a data-type="align-top" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-top"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignTop %></div>
                                 </div>
@@ -248,7 +248,7 @@
                     <li>
                         <a data-type="align-middle" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-middle"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignMiddle %></div>
                                 </div>
@@ -258,7 +258,7 @@
                     <li>
                         <a data-type="align-bottom" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-bottom"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignBottom %></div>
                                 </div>
@@ -272,7 +272,7 @@
                     <li>
                         <a data-type="distrib-hor" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-horizontal"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribHor %></div>
                                 </div>
@@ -282,7 +282,7 @@
                     <li>
                         <a data-type="distrib-vert" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-vertical"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribVert %></div>
                                 </div>
diff --git a/apps/presentationeditor/mobile/app/template/EditShape.template b/apps/presentationeditor/mobile/app/template/EditShape.template
index 011cc9347..8b43d106d 100644
--- a/apps/presentationeditor/mobile/app/template/EditShape.template
+++ b/apps/presentationeditor/mobile/app/template/EditShape.template
@@ -252,7 +252,7 @@
                     <li>
                         <a data-type="align-left" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-left"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignLeft %></div>
                                 </div>
@@ -262,7 +262,7 @@
                     <li>
                         <a data-type="align-center" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-center"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignCenter %></div>
                                 </div>
@@ -272,7 +272,7 @@
                     <li>
                         <a data-type="align-right" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-right"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignRight %></div>
                                 </div>
@@ -282,7 +282,7 @@
                     <li>
                         <a data-type="align-top" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-top"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignTop %></div>
                                 </div>
@@ -292,7 +292,7 @@
                     <li>
                         <a data-type="align-middle" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-middle"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignMiddle %></div>
                                 </div>
@@ -302,7 +302,7 @@
                     <li>
                         <a data-type="align-bottom" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-bottom"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignBottom %></div>
                                 </div>
@@ -316,7 +316,7 @@
                     <li>
                         <a data-type="distrib-hor" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-horizontal"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribHor %></div>
                                 </div>
@@ -326,7 +326,7 @@
                     <li>
                         <a data-type="distrib-vert" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-vertical"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribVert %></div>
                                 </div>
diff --git a/apps/presentationeditor/mobile/app/template/EditTable.template b/apps/presentationeditor/mobile/app/template/EditTable.template
index f714159da..ec812ba73 100644
--- a/apps/presentationeditor/mobile/app/template/EditTable.template
+++ b/apps/presentationeditor/mobile/app/template/EditTable.template
@@ -387,7 +387,7 @@
                     <li>
                         <a data-type="align-left" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-left"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignLeft %></div>
                                 </div>
@@ -397,7 +397,7 @@
                     <li>
                         <a data-type="align-center" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-center"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignCenter %></div>
                                 </div>
@@ -407,7 +407,7 @@
                     <li>
                         <a data-type="align-right" class="item-link no-indicator">
                             <div class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-right"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignRight %></div>
                                 </div>
@@ -417,7 +417,7 @@
                     <li>
                         <a data-type="align-top" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-top"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignTop %></div>
                                 </div>
@@ -427,7 +427,7 @@
                     <li>
                         <a data-type="align-middle" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-middle"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignMiddle %></div>
                                 </div>
@@ -437,7 +437,7 @@
                     <li>
                         <a data-type="align-bottom" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-bottom"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.textAlignBottom %></div>
                                 </div>
@@ -451,7 +451,7 @@
                     <li>
                         <a data-type="distrib-hor" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-horizontal"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribHor %></div>
                                 </div>
@@ -461,7 +461,7 @@
                     <li>
                         <a data-type="distrib-vert" class="item-link no-indicator">
                             <div data-type="move-down" class="item-content">
-                                <div class="item-media"><i class="icon icon-move-foreground"></i></div>
+                                <div class="item-media"><i class="icon icon-align-vertical"></i></div>
                                 <div class="item-inner">
                                     <div class="item-title"><%= scope.txtDistribVert %></div>
                                 </div>
diff --git a/apps/presentationeditor/mobile/app/template/Settings.template b/apps/presentationeditor/mobile/app/template/Settings.template
index 1b00c5e34..ddd4b6d5a 100644
--- a/apps/presentationeditor/mobile/app/template/Settings.template
+++ b/apps/presentationeditor/mobile/app/template/Settings.template
@@ -176,7 +176,7 @@
                             <a data-format="129" class="item-link no-indicator">
                                 <div class="item-content">
                                     <div class="item-media">
-                                        <i class="icon icon-search"></i>
+                                        <i class="icon icon-format-pptx"></i>
                                     </div>
                                     <div class="item-inner">
                                         <div class="item-title">PPTX</div>
diff --git a/apps/presentationeditor/mobile/resources/css/app-ios.css b/apps/presentationeditor/mobile/resources/css/app-ios.css
index b3c511c83..2f819eeb7 100644
--- a/apps/presentationeditor/mobile/resources/css/app-ios.css
+++ b/apps/presentationeditor/mobile/resources/css/app-ios.css
@@ -6570,10 +6570,55 @@ i.icon.icon-move-foreground {
   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%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
+i.icon.icon-align-left {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20class%3D%22st0%22%20d%3D%22M1%2C21h1V1H1V21z%20M4%2C13v4h16v-4H4z%20M12%2C5H4v4h8V5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-center {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2219%2C13%2011%2C13%2011%2C9%2015%2C9%2015%2C5%2011%2C5%2011%2C1%2010%2C1%2010%2C5%206%2C5%206%2C9%2010%2C9%2010%2C13%202%2C13%202%2C17%2010%2C17%2010%2C21%2011%2C21%2011%2C17%2019%2C17%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-right {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_42_%22%3E%3Cpath%20id%3D%22XMLID_44_%22%20class%3D%22st0%22%20d%3D%22M20%2C1v20h1V1H20z%20M2%2C17h16v-4H2V17z%20M10%2C9h8V5h-8V9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-top {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M9%2C4H5v16h4V4z%20M17%2C12V4h-4v8H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-middle {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2213%2C2%2013%2C10%209%2C10%209%2C6%205%2C6%205%2C10%201%2C10%201%2C11%205%2C11%205%2C15%209%2C15%209%2C11%2013%2C11%2013%2C19%2017%2C19%2017%2C11%2021%2C11%2021%2C10%2017%2C10%2017%2C2%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-bottom {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M21%2C20v-1H1v1H21z%20M9%2C1H5v16h4V1z%20M13%2C9v8h4V9H13z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-horizontal {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M0.999999%2C19.0000076V20h20v-0.9999924H0.999999z%20M9.000001%2C2.9999995h-4v15h4V2.9999995z%20M17%2C13.999999V6.9999986h-3.999999v7.0000005H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-vertical {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M0.9999998%2C21h1v-20h-1V21z%20M19.0000076%2C21H20v-20h-0.9999924V21z%20M2.9999995%2C12.999999v3.999999h15%20v-3.999999H2.9999995z%20M13.999999%2C4.999999H6.9999986v4h7.0000005V4.999999z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
 i.icon.icon-format-pdf {
-  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%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23a83a30%3B%7D.cls-2%7Bfill%3A%23f6f6f6%3B%7D.cls-3%7Bfill%3A%237f2e27%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18%2C1H5A1%2C1%2C0%2C0%2C0%2C4%2C2V26a1%2C1%2C0%2C0%2C0%2C1%2C1H23a1%2C1%2C0%2C0%2C0%2C1-1V7Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16.75%2C17a9%2C9%2C0%2C0%2C1-1.2-.79%2C7.18%2C7.18%2C0%2C0%2C1-2-3.25%2C17.46%2C17.46%2C0%2C0%2C0%2C.2-2.9c-0.09.44-.16%2C1.17-0.4%2C2.21a6%2C6%2C0%2C0%2C1-.19-2.91%2C0.81%2C0.81%2C0%2C0%2C1%2C.19-0.3%2C0.89%2C0.89%2C0%2C0%2C1%2C.44.76C14%2C9%2C13.54%2C9%2C13.43%2C9H13.17a0.39%2C0.39%2C0%2C0%2C0-.33.35A7.56%2C7.56%2C0%2C0%2C0%2C13.16%2C13a20.42%2C20.42%2C0%2C0%2C1-1.39%2C3.53c-1.69%2C3.4-3%2C5.12-3.86%2C5.12-0.06-.45.83-1.69%2C2.05-2.6-2.06%2C1.09-2.49%2C2.34-2.3%2C2.58L8%2C21.81c0.6%2C0.31%2C1.63-.51%2C3.24-3.29a23.72%2C23.72%2C0%2C0%2C1%2C5.32-1.13c1.73%2C0.93%2C3.72%2C1.25%2C3.82.65-0.45.21-1.73-.09-3-0.71%2C1.78-.11%2C3.12%2C0%2C3.09.58C20.84%2C17%2C19.11%2C16.75%2C16.75%2C17ZM11.24%2C18.5c0.28-.49.58-1%2C0.9-1.65a14.64%2C14.64%2C0%2C0%2C0%2C1.25-3.14%2C7%2C7%2C0%2C0%2C0%2C1.83%2C2.81%2C6.78%2C6.78%2C0%2C0%2C0%2C.83.6A19.7%2C19.7%2C0%2C0%2C0%2C11.24%2C18.5Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M18%2C1V6a1%2C1%2C0%2C0%2C0%2C1%2C1h5Z%22%2F%3E%3C%2Fsvg%3E");
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20id%3D%22XMLID_2_%22%20d%3D%22M2%2C21h18V4l-3.979166-4L2%2C0V21z%20M19%2C8v12H3V1h12l4%2C4V8z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M9.9996328%2C7.2994123L9.9996328%2C7.2994123C10.0988245%2C7.2994123%2C10.0988245%2C7.2994123%2C9.9996328%2C7.2994123%09c0.0991917-0.4004407%2C0.2002201-0.6006618%2C0.2002201-0.9000735V6.1991181c0.0991917-0.4996324%2C0.0991917-0.9000735%2C0-0.9992652%20c0%2C0%2C0%2C0%2C0-0.0991917l-0.0991917-0.0991917l0%2C0l0%2C0c0%2C0%2C0%2C0.0991917-0.0991917%2C0.0991917%20C9.7994118%2C5.6994858%2C9.7994118%2C6.3993387%2C9.9996328%2C7.2994123L9.9996328%2C7.2994123z%20M7%2C14.2005873%09c-0.2002201%2C0.0991926-0.4004407%2C0.2002211-0.4996328%2C0.2994118c-0.6998529%2C0.6006613-1.1994858%2C1.3005142-1.3005142%2C1.5999269l0%2C0%20l0%2C0l0%2C0C5.7986774%2C16.0007343%2C6.3993387%2C15.400074%2C7%2C14.2005873C7.0991917%2C14.2005873%2C7.0991917%2C14.2005873%2C7%2C14.2005873%20C7.0991917%2C14.2005873%2C7%2C14.2005873%2C7%2C14.2005873z%20M16.1991196%2C12.6998539%09c-0.0991936-0.0991926-0.4996338-0.4004412-1.8993397-0.4004412c-0.0991926%2C0-0.0991926%2C0-0.2002211%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0.0991926%20c0.6998529%2C0.2994118%2C1.3997059%2C0.4996328%2C1.8993387%2C0.4996328c0.0991917%2C0%2C0.0991917%2C0%2C0.200222%2C0l0%2C0h0.0991917%20c0%2C0%2C0%2C0%2C0-0.0991926l0%2C0C16.300148%2C12.7990446%2C16.1991196%2C12.7990446%2C16.1991196%2C12.6998539z%20M16.5995598%2C13.4988985%20c-0.200222%2C0.0991917-0.4996338%2C0.2002211-0.900074%2C0.2002211c-0.8008814%2C0-2.0003681-0.2002211-2.9996319-0.6998529%20c-1.7009554%2C0.2002211-2.9996328%2C0.4004402-4.0007353%2C0.8008814c-0.0991917%2C0-0.0991917%2C0-0.2002201%2C0.0991917%20C7.2994123%2C16.0007343%2C6.2983098%2C17%2C5.4992652%2C17c-0.2002206%2C0-0.2994123%2C0-0.4004412-0.0991917l-0.4996324-0.2994118V16.502203%09C4.5%2C16.3019829%2C4.5%2C16.2027912%2C4.5%2C16.0025711c0.0991917-0.4996328%2C0.6998529-1.3997068%2C1.8993387-2.0995598%20c0.2002201-0.0991917%2C0.4996328-0.2994118%2C0.9000735-0.4996328c0.2994118-0.4996328%2C0.6006613-1.1002941%2C0.9992652-1.8001461%20c0.4996328-0.9992657%2C0.8008814-2.0003681%2C1.1002932-2.9004412l0%2C0C8.9985304%2C7.5033054%2C8.7983093%2C6.8034525%2C9.1987505%2C5.4019094C9.2979422%2C5.0014687%2C9.5991917%2C4.601028%2C9.9996328%2C4.601028h0.2002201c0.2002201%2C0%2C0.4004402%2C0.0991917%2C0.6006613%2C0.2002206%20c0.6998529%2C0.6998529%2C0.4004412%2C2.2997794%2C0%2C3.6002941c0%2C0.0991917%2C0%2C0.0991917%2C0%2C0.0991917%20c0.4004412%2C1.1002932%2C0.9992657%2C2.0003672%2C1.599926%2C2.6010284c0.2994118%2C0.2002211%2C0.4996328%2C0.4004402%2C0.900074%2C0.6006613%20c0.4996328%2C0%2C0.9000731-0.0991917%2C1.3005142-0.0991917c1.1994848%2C0%2C2.0003681%2C0.2002201%2C2.2997799%2C0.699852%09C17%2C12.5033054%2C17%2C12.7035255%2C17%2C12.9037457C16.9008083%2C12.9992657%2C16.7997799%2C13.3005142%2C16.5995598%2C13.4988985z%20M10.0988245%2C9.5991917C9.8986034%2C10.2990446%2C9.4981623%2C11.099926%2C9.0995588%2C12%20c-0.2002201%2C0.4004402-0.4004402%2C0.699852-0.6006613%2C1.1002941h0.0991917h0.0991917l0%2C0%20c1.3005142-0.4996328%2C2.5-0.8008814%2C3.3008814-0.9000731C11.7979412%2C12.1010284%2C11.6987505%2C12%2C11.5977221%2C11.9008083%20C11.099926%2C11.3001471%2C10.4992657%2C10.4992657%2C10.0988245%2C9.5991917z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-format-pptx {
+  width: 22px;
+  height: 22px;
+  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%22-238%20240%2022%2022%22%20style%3D%22enable-background%3Anew%20-238%20240%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20id%3D%22XMLID_2_%22%20d%3D%22M-236%2C261h18v-17l-3.9791718-4H-236V261z%20M-219%2C248v12h-16v-19h12l4%2C4V248z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M-228.8226929%2C250.8646851c0.137085-0.060791%2C0.2341919-0.2302246%2C0.3131104-0.3647461%09c0.0792847-0.1351929%2C0.0861816-0.2935181%2C0.0861816-0.473938c0-0.2221069-0.0613403-0.4186401-0.1723633-0.5601807%09c-0.1102905-0.1405029-0.296875-0.2628784-0.4628906-0.2931519c-0.1210938-0.0233154-0.2396851-0.0012817-0.4535522%2C0.0090942%20l-0.3115234%2C0.010376v1.7925415h0.4523926C-228.9815063%2C250.9927368-228.9586182%2C250.9249878-228.8226929%2C250.8646851z%22%2F%3E%3Cpath%20d%3D%22M-233%2C256.1141357l7.333313%2C1.3553467V245L-233%2C246.3268433V256.1141357z%20M-230.8660889%2C248.2818604l1.4968872-0.0977783%20c0.6077881-0.0397339%2C0.9075317-0.0557251%2C1.1018066-0.0071411c0.3032227%2C0.0736084%2C0.637207%2C0.2349854%2C0.8483276%2C0.538147%09c0.2138672%2C0.3070679%2C0.3555908%2C0.7592163%2C0.3555908%2C1.262085c0%2C0.3878784-0.0623169%2C0.7130737-0.1862793%2C0.9741211%09c-0.1230469%2C0.2590942-0.2780151%2C0.4591064-0.4640503%2C0.6001587c-0.18396%2C0.1394653-0.3991089%2C0.2700195-0.5587769%2C0.3272705%20c-0.3145752%2C0.0774536-0.5286865%2C0.1747437-0.9802856%2C0.1508179h-0.5708618v1.9562378l-1.0423584-0.1081543V248.2818604z%22%2F%3E%3Cpath%20d%3D%22M-221.7266846%2C247H-225v9h3.2733154C-221.3253479%2C256-221%2C255.6746521-221%2C255.2733154v-7.5466309%09C-221%2C247.3253479-221.3253479%2C247-221.7266846%2C247z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 #editor_sdk {
   position: absolute;
diff --git a/apps/presentationeditor/mobile/resources/css/app-material.css b/apps/presentationeditor/mobile/resources/css/app-material.css
index 4d2ddecad..f23698d9c 100644
--- a/apps/presentationeditor/mobile/resources/css/app-material.css
+++ b/apps/presentationeditor/mobile/resources/css/app-material.css
@@ -6107,10 +6107,55 @@ i.icon.icon-move-foreground {
   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%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M1%2C1V13H13V1H1ZM12%2C12H2V2H12V12Z%22%2F%3E%3Cpath%20opacity%3D%220.3%22%20d%3D%22M15%2C15V27H27V15H15ZM26%2C26H16V16H26V26Z%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%228%22%20width%3D%2213%22%20height%3D%2213%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
+i.icon.icon-align-left {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20class%3D%22st0%22%20d%3D%22M1%2C21h1V1H1V21z%20M4%2C13v4h16v-4H4z%20M12%2C5H4v4h8V5z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-center {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2219%2C13%2011%2C13%2011%2C9%2015%2C9%2015%2C5%2011%2C5%2011%2C1%2010%2C1%2010%2C5%206%2C5%206%2C9%2010%2C9%2010%2C13%202%2C13%202%2C17%2010%2C17%2010%2C21%2011%2C21%2011%2C17%2019%2C17%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-right {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_42_%22%3E%3Cpath%20id%3D%22XMLID_44_%22%20class%3D%22st0%22%20d%3D%22M20%2C1v20h1V1H20z%20M2%2C17h16v-4H2V17z%20M10%2C9h8V5h-8V9z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-top {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M9%2C4H5v16h4V4z%20M17%2C12V4h-4v8H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-middle {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill-rule%3Aevenodd%3Bclip-rule%3Aevenodd%3B%7D%3C%2Fstyle%3E%3Cg%20id%3D%22XMLID_5_%22%3E%3Cg%20id%3D%22XMLID_24_%22%3E%3Cpolygon%20id%3D%22XMLID_25_%22%20class%3D%22st0%22%20points%3D%2213%2C2%2013%2C10%209%2C10%209%2C6%205%2C6%205%2C10%201%2C10%201%2C11%205%2C11%205%2C15%209%2C15%209%2C11%2013%2C11%2013%2C19%2017%2C19%2017%2C11%2021%2C11%2021%2C10%2017%2C10%2017%2C2%20%09%09%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-bottom {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M21%2C20v-1H1v1H21z%20M9%2C1H5v16h4V1z%20M13%2C9v8h4V9H13z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-horizontal {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M1%2C1v1h20V1H1z%20M0.999999%2C19.0000076V20h20v-0.9999924H0.999999z%20M9.000001%2C2.9999995h-4v15h4V2.9999995z%20M17%2C13.999999V6.9999986h-3.999999v7.0000005H17z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-align-vertical {
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cg%20id%3D%22XMLID_35_%22%3E%3Cpath%20id%3D%22XMLID_36_%22%20d%3D%22M0.9999998%2C21h1v-20h-1V21z%20M19.0000076%2C21H20v-20h-0.9999924V21z%20M2.9999995%2C12.999999v3.999999h15%20v-3.999999H2.9999995z%20M13.999999%2C4.999999H6.9999986v4h7.0000005V4.999999z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
 i.icon.icon-format-pdf {
-  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%20viewBox%3D%220%200%2028%2028%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23a83a30%3B%7D.cls-2%7Bfill%3A%23f6f6f6%3B%7D.cls-3%7Bfill%3A%237f2e27%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M18%2C1H5A1%2C1%2C0%2C0%2C0%2C4%2C2V26a1%2C1%2C0%2C0%2C0%2C1%2C1H23a1%2C1%2C0%2C0%2C0%2C1-1V7Z%22%2F%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M16.75%2C17a9%2C9%2C0%2C0%2C1-1.2-.79%2C7.18%2C7.18%2C0%2C0%2C1-2-3.25%2C17.46%2C17.46%2C0%2C0%2C0%2C.2-2.9c-0.09.44-.16%2C1.17-0.4%2C2.21a6%2C6%2C0%2C0%2C1-.19-2.91%2C0.81%2C0.81%2C0%2C0%2C1%2C.19-0.3%2C0.89%2C0.89%2C0%2C0%2C1%2C.44.76C14%2C9%2C13.54%2C9%2C13.43%2C9H13.17a0.39%2C0.39%2C0%2C0%2C0-.33.35A7.56%2C7.56%2C0%2C0%2C0%2C13.16%2C13a20.42%2C20.42%2C0%2C0%2C1-1.39%2C3.53c-1.69%2C3.4-3%2C5.12-3.86%2C5.12-0.06-.45.83-1.69%2C2.05-2.6-2.06%2C1.09-2.49%2C2.34-2.3%2C2.58L8%2C21.81c0.6%2C0.31%2C1.63-.51%2C3.24-3.29a23.72%2C23.72%2C0%2C0%2C1%2C5.32-1.13c1.73%2C0.93%2C3.72%2C1.25%2C3.82.65-0.45.21-1.73-.09-3-0.71%2C1.78-.11%2C3.12%2C0%2C3.09.58C20.84%2C17%2C19.11%2C16.75%2C16.75%2C17ZM11.24%2C18.5c0.28-.49.58-1%2C0.9-1.65a14.64%2C14.64%2C0%2C0%2C0%2C1.25-3.14%2C7%2C7%2C0%2C0%2C0%2C1.83%2C2.81%2C6.78%2C6.78%2C0%2C0%2C0%2C.83.6A19.7%2C19.7%2C0%2C0%2C0%2C11.24%2C18.5Z%22%2F%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M18%2C1V6a1%2C1%2C0%2C0%2C0%2C1%2C1h5Z%22%2F%3E%3C%2Fsvg%3E");
+  width: 22px;
+  height: 22px;
+  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%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20id%3D%22XMLID_2_%22%20d%3D%22M2%2C21h18V4l-3.979166-4L2%2C0V21z%20M19%2C8v12H3V1h12l4%2C4V8z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M9.9996328%2C7.2994123L9.9996328%2C7.2994123C10.0988245%2C7.2994123%2C10.0988245%2C7.2994123%2C9.9996328%2C7.2994123%09c0.0991917-0.4004407%2C0.2002201-0.6006618%2C0.2002201-0.9000735V6.1991181c0.0991917-0.4996324%2C0.0991917-0.9000735%2C0-0.9992652%20c0%2C0%2C0%2C0%2C0-0.0991917l-0.0991917-0.0991917l0%2C0l0%2C0c0%2C0%2C0%2C0.0991917-0.0991917%2C0.0991917%20C9.7994118%2C5.6994858%2C9.7994118%2C6.3993387%2C9.9996328%2C7.2994123L9.9996328%2C7.2994123z%20M7%2C14.2005873%09c-0.2002201%2C0.0991926-0.4004407%2C0.2002211-0.4996328%2C0.2994118c-0.6998529%2C0.6006613-1.1994858%2C1.3005142-1.3005142%2C1.5999269l0%2C0%20l0%2C0l0%2C0C5.7986774%2C16.0007343%2C6.3993387%2C15.400074%2C7%2C14.2005873C7.0991917%2C14.2005873%2C7.0991917%2C14.2005873%2C7%2C14.2005873%20C7.0991917%2C14.2005873%2C7%2C14.2005873%2C7%2C14.2005873z%20M16.1991196%2C12.6998539%09c-0.0991936-0.0991926-0.4996338-0.4004412-1.8993397-0.4004412c-0.0991926%2C0-0.0991926%2C0-0.2002211%2C0l0%2C0c0%2C0%2C0%2C0%2C0%2C0.0991926%20c0.6998529%2C0.2994118%2C1.3997059%2C0.4996328%2C1.8993387%2C0.4996328c0.0991917%2C0%2C0.0991917%2C0%2C0.200222%2C0l0%2C0h0.0991917%20c0%2C0%2C0%2C0%2C0-0.0991926l0%2C0C16.300148%2C12.7990446%2C16.1991196%2C12.7990446%2C16.1991196%2C12.6998539z%20M16.5995598%2C13.4988985%20c-0.200222%2C0.0991917-0.4996338%2C0.2002211-0.900074%2C0.2002211c-0.8008814%2C0-2.0003681-0.2002211-2.9996319-0.6998529%20c-1.7009554%2C0.2002211-2.9996328%2C0.4004402-4.0007353%2C0.8008814c-0.0991917%2C0-0.0991917%2C0-0.2002201%2C0.0991917%20C7.2994123%2C16.0007343%2C6.2983098%2C17%2C5.4992652%2C17c-0.2002206%2C0-0.2994123%2C0-0.4004412-0.0991917l-0.4996324-0.2994118V16.502203%09C4.5%2C16.3019829%2C4.5%2C16.2027912%2C4.5%2C16.0025711c0.0991917-0.4996328%2C0.6998529-1.3997068%2C1.8993387-2.0995598%20c0.2002201-0.0991917%2C0.4996328-0.2994118%2C0.9000735-0.4996328c0.2994118-0.4996328%2C0.6006613-1.1002941%2C0.9992652-1.8001461%20c0.4996328-0.9992657%2C0.8008814-2.0003681%2C1.1002932-2.9004412l0%2C0C8.9985304%2C7.5033054%2C8.7983093%2C6.8034525%2C9.1987505%2C5.4019094C9.2979422%2C5.0014687%2C9.5991917%2C4.601028%2C9.9996328%2C4.601028h0.2002201c0.2002201%2C0%2C0.4004402%2C0.0991917%2C0.6006613%2C0.2002206%20c0.6998529%2C0.6998529%2C0.4004412%2C2.2997794%2C0%2C3.6002941c0%2C0.0991917%2C0%2C0.0991917%2C0%2C0.0991917%20c0.4004412%2C1.1002932%2C0.9992657%2C2.0003672%2C1.599926%2C2.6010284c0.2994118%2C0.2002211%2C0.4996328%2C0.4004402%2C0.900074%2C0.6006613%20c0.4996328%2C0%2C0.9000731-0.0991917%2C1.3005142-0.0991917c1.1994848%2C0%2C2.0003681%2C0.2002201%2C2.2997799%2C0.699852%09C17%2C12.5033054%2C17%2C12.7035255%2C17%2C12.9037457C16.9008083%2C12.9992657%2C16.7997799%2C13.3005142%2C16.5995598%2C13.4988985z%20M10.0988245%2C9.5991917C9.8986034%2C10.2990446%2C9.4981623%2C11.099926%2C9.0995588%2C12%20c-0.2002201%2C0.4004402-0.4004402%2C0.699852-0.6006613%2C1.1002941h0.0991917h0.0991917l0%2C0%20c1.3005142-0.4996328%2C2.5-0.8008814%2C3.3008814-0.9000731C11.7979412%2C12.1010284%2C11.6987505%2C12%2C11.5977221%2C11.9008083%20C11.099926%2C11.3001471%2C10.4992657%2C10.4992657%2C10.0988245%2C9.5991917z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
+}
+i.icon.icon-format-pptx {
+  width: 22px;
+  height: 22px;
+  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%22-238%20240%2022%2022%22%20style%3D%22enable-background%3Anew%20-238%20240%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23DF6737%22%3E%3Cg%3E%3Cpath%20id%3D%22XMLID_2_%22%20d%3D%22M-236%2C261h18v-17l-3.9791718-4H-236V261z%20M-219%2C248v12h-16v-19h12l4%2C4V248z%22%2F%3E%3C%2Fg%3E%3Cg%3E%3Cpath%20d%3D%22M-228.8226929%2C250.8646851c0.137085-0.060791%2C0.2341919-0.2302246%2C0.3131104-0.3647461%09c0.0792847-0.1351929%2C0.0861816-0.2935181%2C0.0861816-0.473938c0-0.2221069-0.0613403-0.4186401-0.1723633-0.5601807%09c-0.1102905-0.1405029-0.296875-0.2628784-0.4628906-0.2931519c-0.1210938-0.0233154-0.2396851-0.0012817-0.4535522%2C0.0090942%20l-0.3115234%2C0.010376v1.7925415h0.4523926C-228.9815063%2C250.9927368-228.9586182%2C250.9249878-228.8226929%2C250.8646851z%22%2F%3E%3Cpath%20d%3D%22M-233%2C256.1141357l7.333313%2C1.3553467V245L-233%2C246.3268433V256.1141357z%20M-230.8660889%2C248.2818604l1.4968872-0.0977783%20c0.6077881-0.0397339%2C0.9075317-0.0557251%2C1.1018066-0.0071411c0.3032227%2C0.0736084%2C0.637207%2C0.2349854%2C0.8483276%2C0.538147%09c0.2138672%2C0.3070679%2C0.3555908%2C0.7592163%2C0.3555908%2C1.262085c0%2C0.3878784-0.0623169%2C0.7130737-0.1862793%2C0.9741211%09c-0.1230469%2C0.2590942-0.2780151%2C0.4591064-0.4640503%2C0.6001587c-0.18396%2C0.1394653-0.3991089%2C0.2700195-0.5587769%2C0.3272705%20c-0.3145752%2C0.0774536-0.5286865%2C0.1747437-0.9802856%2C0.1508179h-0.5708618v1.9562378l-1.0423584-0.1081543V248.2818604z%22%2F%3E%3Cpath%20d%3D%22M-221.7266846%2C247H-225v9h3.2733154C-221.3253479%2C256-221%2C255.6746521-221%2C255.2733154v-7.5466309%09C-221%2C247.3253479-221.3253479%2C247-221.7266846%2C247z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 }
 .navbar i.icon.icon-undo {
   width: 22px;
diff --git a/apps/presentationeditor/mobile/resources/less/ios/_icons.less b/apps/presentationeditor/mobile/resources/less/ios/_icons.less
index d92586760..2fe1ae30e 100644
--- a/apps/presentationeditor/mobile/resources/less/ios/_icons.less
+++ b/apps/presentationeditor/mobile/resources/less/ios/_icons.less
@@ -303,11 +303,64 @@ i.icon {
     .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
   }
 
+  &.icon-align-left {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><g id="XMLID_35_"><path id="XMLID_36_" class="st0" d="M1,21h1V1H1V21z M4,13v4h16v-4H4z M12,5H4v4h8V5z"/></g></g></svg>');
+  }
+
+  &.icon-align-center {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="19,13 11,13 11,9 15,9 15,5 11,5 11,1 10,1 10,5 6,5 6,9 10,9 10,13 2,13 2,17 10,17 10,21 11,21 11,17 19,17 		"/></g></g></svg>');
+  }
+
+  &.icon-align-right {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_42_"><path id="XMLID_44_" class="st0" d="M20,1v20h1V1H20z M2,17h16v-4H2V17z M10,9h8V5h-8V9z"/></g></g></svg>');
+  }
+
+  &.icon-align-top {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M9,4H5v16h4V4z M17,12V4h-4v8H17z"/></g></g></svg>');
+  }
+
+  &.icon-align-middle {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="13,2 13,10 9,10 9,6 5,6 5,10 1,10 1,11 5,11 5,15 9,15 9,11 13,11 13,19 17,19 17,11 21,11 21,10 17,10 17,2 		"/></g></g></svg>');
+  }
+
+  &.icon-align-bottom {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M21,20v-1H1v1H21z M9,1H5v16h4V1z M13,9v8h4V9H13z"/></g></g></svg>');
+  }
+
+  &.icon-align-horizontal {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M0.999999,19.0000076V20h20v-0.9999924H0.999999z M9.000001,2.9999995h-4v15h4V2.9999995z M17,13.999999V6.9999986h-3.999999v7.0000005H17z"/></g></g></svg>');
+  }
+
+  &.icon-align-vertical {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M0.9999998,21h1v-20h-1V21z M19.0000076,21H20v-20h-0.9999924V21z M2.9999995,12.999999v3.999999h15 v-3.999999H2.9999995z M13.999999,4.999999H6.9999986v4h7.0000005V4.999999z"/></g></g></svg>');
+  }
+
   // Formats
 
   &.icon-format-pdf {
-    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" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#a83a30;}.cls-2{fill:#f6f6f6;}.cls-3{fill:#7f2e27;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M16.75,17a9,9,0,0,1-1.2-.79,7.18,7.18,0,0,1-2-3.25,17.46,17.46,0,0,0,.2-2.9c-0.09.44-.16,1.17-0.4,2.21a6,6,0,0,1-.19-2.91,0.81,0.81,0,0,1,.19-0.3,0.89,0.89,0,0,1,.44.76C14,9,13.54,9,13.43,9H13.17a0.39,0.39,0,0,0-.33.35A7.56,7.56,0,0,0,13.16,13a20.42,20.42,0,0,1-1.39,3.53c-1.69,3.4-3,5.12-3.86,5.12-0.06-.45.83-1.69,2.05-2.6-2.06,1.09-2.49,2.34-2.3,2.58L8,21.81c0.6,0.31,1.63-.51,3.24-3.29a23.72,23.72,0,0,1,5.32-1.13c1.73,0.93,3.72,1.25,3.82.65-0.45.21-1.73-.09-3-0.71,1.78-.11,3.12,0,3.09.58C20.84,17,19.11,16.75,16.75,17ZM11.24,18.5c0.28-.49.58-1,0.9-1.65a14.64,14.64,0,0,0,1.25-3.14,7,7,0,0,0,1.83,2.81,6.78,6.78,0,0,0,.83.6A19.7,19.7,0,0,0,11.24,18.5Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><path id="XMLID_2_" d="M2,21h18V4l-3.979166-4L2,0V21z M19,8v12H3V1h12l4,4V8z"/></g><g><path d="M9.9996328,7.2994123L9.9996328,7.2994123C10.0988245,7.2994123,10.0988245,7.2994123,9.9996328,7.2994123	c0.0991917-0.4004407,0.2002201-0.6006618,0.2002201-0.9000735V6.1991181c0.0991917-0.4996324,0.0991917-0.9000735,0-0.9992652 c0,0,0,0,0-0.0991917l-0.0991917-0.0991917l0,0l0,0c0,0,0,0.0991917-0.0991917,0.0991917 C9.7994118,5.6994858,9.7994118,6.3993387,9.9996328,7.2994123L9.9996328,7.2994123z M7,14.2005873	c-0.2002201,0.0991926-0.4004407,0.2002211-0.4996328,0.2994118c-0.6998529,0.6006613-1.1994858,1.3005142-1.3005142,1.5999269l0,0 l0,0l0,0C5.7986774,16.0007343,6.3993387,15.400074,7,14.2005873C7.0991917,14.2005873,7.0991917,14.2005873,7,14.2005873 C7.0991917,14.2005873,7,14.2005873,7,14.2005873z M16.1991196,12.6998539	c-0.0991936-0.0991926-0.4996338-0.4004412-1.8993397-0.4004412c-0.0991926,0-0.0991926,0-0.2002211,0l0,0c0,0,0,0,0,0.0991926 c0.6998529,0.2994118,1.3997059,0.4996328,1.8993387,0.4996328c0.0991917,0,0.0991917,0,0.200222,0l0,0h0.0991917 c0,0,0,0,0-0.0991926l0,0C16.300148,12.7990446,16.1991196,12.7990446,16.1991196,12.6998539z M16.5995598,13.4988985 c-0.200222,0.0991917-0.4996338,0.2002211-0.900074,0.2002211c-0.8008814,0-2.0003681-0.2002211-2.9996319-0.6998529 c-1.7009554,0.2002211-2.9996328,0.4004402-4.0007353,0.8008814c-0.0991917,0-0.0991917,0-0.2002201,0.0991917 C7.2994123,16.0007343,6.2983098,17,5.4992652,17c-0.2002206,0-0.2994123,0-0.4004412-0.0991917l-0.4996324-0.2994118V16.502203	C4.5,16.3019829,4.5,16.2027912,4.5,16.0025711c0.0991917-0.4996328,0.6998529-1.3997068,1.8993387-2.0995598 c0.2002201-0.0991917,0.4996328-0.2994118,0.9000735-0.4996328c0.2994118-0.4996328,0.6006613-1.1002941,0.9992652-1.8001461 c0.4996328-0.9992657,0.8008814-2.0003681,1.1002932-2.9004412l0,0C8.9985304,7.5033054,8.7983093,6.8034525,9.1987505,5.4019094C9.2979422,5.0014687,9.5991917,4.601028,9.9996328,4.601028h0.2002201c0.2002201,0,0.4004402,0.0991917,0.6006613,0.2002206 c0.6998529,0.6998529,0.4004412,2.2997794,0,3.6002941c0,0.0991917,0,0.0991917,0,0.0991917 c0.4004412,1.1002932,0.9992657,2.0003672,1.599926,2.6010284c0.2994118,0.2002211,0.4996328,0.4004402,0.900074,0.6006613 c0.4996328,0,0.9000731-0.0991917,1.3005142-0.0991917c1.1994848,0,2.0003681,0.2002201,2.2997799,0.699852	C17,12.5033054,17,12.7035255,17,12.9037457C16.9008083,12.9992657,16.7997799,13.3005142,16.5995598,13.4988985z M10.0988245,9.5991917C9.8986034,10.2990446,9.4981623,11.099926,9.0995588,12 c-0.2002201,0.4004402-0.4004402,0.699852-0.6006613,1.1002941h0.0991917h0.0991917l0,0 c1.3005142-0.4996328,2.5-0.8008814,3.3008814-0.9000731C11.7979412,12.1010284,11.6987505,12,11.5977221,11.9008083 C11.099926,11.3001471,10.4992657,10.4992657,10.0988245,9.5991917z"/></g></svg>');
+  }
+  &.icon-format-pptx {
+    width: 22px;
+    height: 22px;
+    .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="-238 240 22 22" style="enable-background:new -238 240 22 22;" xml:space="preserve" fill="@{themeColor}"><g><path id="XMLID_2_" d="M-236,261h18v-17l-3.9791718-4H-236V261z M-219,248v12h-16v-19h12l4,4V248z"/></g><g><path d="M-228.8226929,250.8646851c0.137085-0.060791,0.2341919-0.2302246,0.3131104-0.3647461	c0.0792847-0.1351929,0.0861816-0.2935181,0.0861816-0.473938c0-0.2221069-0.0613403-0.4186401-0.1723633-0.5601807	c-0.1102905-0.1405029-0.296875-0.2628784-0.4628906-0.2931519c-0.1210938-0.0233154-0.2396851-0.0012817-0.4535522,0.0090942 l-0.3115234,0.010376v1.7925415h0.4523926C-228.9815063,250.9927368-228.9586182,250.9249878-228.8226929,250.8646851z"/><path d="M-233,256.1141357l7.333313,1.3553467V245L-233,246.3268433V256.1141357z M-230.8660889,248.2818604l1.4968872-0.0977783 c0.6077881-0.0397339,0.9075317-0.0557251,1.1018066-0.0071411c0.3032227,0.0736084,0.637207,0.2349854,0.8483276,0.538147	c0.2138672,0.3070679,0.3555908,0.7592163,0.3555908,1.262085c0,0.3878784-0.0623169,0.7130737-0.1862793,0.9741211	c-0.1230469,0.2590942-0.2780151,0.4591064-0.4640503,0.6001587c-0.18396,0.1394653-0.3991089,0.2700195-0.5587769,0.3272705 c-0.3145752,0.0774536-0.5286865,0.1747437-0.9802856,0.1508179h-0.5708618v1.9562378l-1.0423584-0.1081543V248.2818604z"/><path d="M-221.7266846,247H-225v9h3.2733154C-221.3253479,256-221,255.6746521-221,255.2733154v-7.5466309	C-221,247.3253479-221.3253479,247-221.7266846,247z"/></g></svg>');
   }
 }
\ No newline at end of file
diff --git a/apps/presentationeditor/mobile/resources/less/material/_icons.less b/apps/presentationeditor/mobile/resources/less/material/_icons.less
index fb559a2b7..890ab0ca9 100644
--- a/apps/presentationeditor/mobile/resources/less/material/_icons.less
+++ b/apps/presentationeditor/mobile/resources/less/material/_icons.less
@@ -273,12 +273,65 @@ i.icon {
     .encoded-svg-background('<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 28 28" fill="@{themeColor}"><g><path opacity="0.3" d="M1,1V13H13V1H1ZM12,12H2V2H12V12Z"/><path opacity="0.3" d="M15,15V27H27V15H15ZM26,26H16V16H26V26Z"/><rect x="8" y="8" width="13" height="13"/></g></svg>');
   }
 
+  &.icon-align-left {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g><g id="XMLID_35_"><path id="XMLID_36_" class="st0" d="M1,21h1V1H1V21z M4,13v4h16v-4H4z M12,5H4v4h8V5z"/></g></g></svg>');
+  }
+
+  &.icon-align-center {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="19,13 11,13 11,9 15,9 15,5 11,5 11,1 10,1 10,5 6,5 6,9 10,9 10,13 2,13 2,17 10,17 10,21 11,21 11,17 19,17 		"/></g></g></svg>');
+  }
+
+  &.icon-align-right {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_42_"><path id="XMLID_44_" class="st0" d="M20,1v20h1V1H20z M2,17h16v-4H2V17z M10,9h8V5h-8V9z"/></g></g></svg>');
+  }
+
+  &.icon-align-top {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M9,4H5v16h4V4z M17,12V4h-4v8H17z"/></g></g></svg>');
+  }
+
+  &.icon-align-middle {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><style type="text/css">.st0{fill-rule:evenodd;clip-rule:evenodd;}</style><g id="XMLID_5_"><g id="XMLID_24_"><polygon id="XMLID_25_" class="st0" points="13,2 13,10 9,10 9,6 5,6 5,10 1,10 1,11 5,11 5,15 9,15 9,11 13,11 13,19 17,19 17,11 21,11 21,10 17,10 17,2 		"/></g></g></svg>');
+  }
+
+  &.icon-align-bottom {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M21,20v-1H1v1H21z M9,1H5v16h4V1z M13,9v8h4V9H13z"/></g></g></svg>');
+  }
+
+  &.icon-align-horizontal {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M1,1v1h20V1H1z M0.999999,19.0000076V20h20v-0.9999924H0.999999z M9.000001,2.9999995h-4v15h4V2.9999995z M17,13.999999V6.9999986h-3.999999v7.0000005H17z"/></g></g></svg>');
+  }
+
+  &.icon-align-vertical {
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><g id="XMLID_35_"><path id="XMLID_36_" d="M0.9999998,21h1v-20h-1V21z M19.0000076,21H20v-20h-0.9999924V21z M2.9999995,12.999999v3.999999h15 v-3.999999H2.9999995z M13.999999,4.999999H6.9999986v4h7.0000005V4.999999z"/></g></g></svg>');
+  }
+
   // Formats
 
   &.icon-format-pdf {
-    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" viewBox="0 0 28 28"><defs><style>.cls-1{fill:#a83a30;}.cls-2{fill:#f6f6f6;}.cls-3{fill:#7f2e27;}</style></defs><path class="cls-1" d="M18,1H5A1,1,0,0,0,4,2V26a1,1,0,0,0,1,1H23a1,1,0,0,0,1-1V7Z"/><path class="cls-2" d="M16.75,17a9,9,0,0,1-1.2-.79,7.18,7.18,0,0,1-2-3.25,17.46,17.46,0,0,0,.2-2.9c-0.09.44-.16,1.17-0.4,2.21a6,6,0,0,1-.19-2.91,0.81,0.81,0,0,1,.19-0.3,0.89,0.89,0,0,1,.44.76C14,9,13.54,9,13.43,9H13.17a0.39,0.39,0,0,0-.33.35A7.56,7.56,0,0,0,13.16,13a20.42,20.42,0,0,1-1.39,3.53c-1.69,3.4-3,5.12-3.86,5.12-0.06-.45.83-1.69,2.05-2.6-2.06,1.09-2.49,2.34-2.3,2.58L8,21.81c0.6,0.31,1.63-.51,3.24-3.29a23.72,23.72,0,0,1,5.32-1.13c1.73,0.93,3.72,1.25,3.82.65-0.45.21-1.73-.09-3-0.71,1.78-.11,3.12,0,3.09.58C20.84,17,19.11,16.75,16.75,17ZM11.24,18.5c0.28-.49.58-1,0.9-1.65a14.64,14.64,0,0,0,1.25-3.14,7,7,0,0,0,1.83,2.81,6.78,6.78,0,0,0,.83.6A19.7,19.7,0,0,0,11.24,18.5Z"/><path class="cls-3" d="M18,1V6a1,1,0,0,0,1,1h5Z"/></svg>');
+    width: 22px;
+    height: 22px;
+    .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 22 22" style="enable-background:new 0 0 22 22;" xml:space="preserve" fill="@{themeColor}"><g><path id="XMLID_2_" d="M2,21h18V4l-3.979166-4L2,0V21z M19,8v12H3V1h12l4,4V8z"/></g><g><path d="M9.9996328,7.2994123L9.9996328,7.2994123C10.0988245,7.2994123,10.0988245,7.2994123,9.9996328,7.2994123	c0.0991917-0.4004407,0.2002201-0.6006618,0.2002201-0.9000735V6.1991181c0.0991917-0.4996324,0.0991917-0.9000735,0-0.9992652 c0,0,0,0,0-0.0991917l-0.0991917-0.0991917l0,0l0,0c0,0,0,0.0991917-0.0991917,0.0991917 C9.7994118,5.6994858,9.7994118,6.3993387,9.9996328,7.2994123L9.9996328,7.2994123z M7,14.2005873	c-0.2002201,0.0991926-0.4004407,0.2002211-0.4996328,0.2994118c-0.6998529,0.6006613-1.1994858,1.3005142-1.3005142,1.5999269l0,0 l0,0l0,0C5.7986774,16.0007343,6.3993387,15.400074,7,14.2005873C7.0991917,14.2005873,7.0991917,14.2005873,7,14.2005873 C7.0991917,14.2005873,7,14.2005873,7,14.2005873z M16.1991196,12.6998539	c-0.0991936-0.0991926-0.4996338-0.4004412-1.8993397-0.4004412c-0.0991926,0-0.0991926,0-0.2002211,0l0,0c0,0,0,0,0,0.0991926 c0.6998529,0.2994118,1.3997059,0.4996328,1.8993387,0.4996328c0.0991917,0,0.0991917,0,0.200222,0l0,0h0.0991917 c0,0,0,0,0-0.0991926l0,0C16.300148,12.7990446,16.1991196,12.7990446,16.1991196,12.6998539z M16.5995598,13.4988985 c-0.200222,0.0991917-0.4996338,0.2002211-0.900074,0.2002211c-0.8008814,0-2.0003681-0.2002211-2.9996319-0.6998529 c-1.7009554,0.2002211-2.9996328,0.4004402-4.0007353,0.8008814c-0.0991917,0-0.0991917,0-0.2002201,0.0991917 C7.2994123,16.0007343,6.2983098,17,5.4992652,17c-0.2002206,0-0.2994123,0-0.4004412-0.0991917l-0.4996324-0.2994118V16.502203	C4.5,16.3019829,4.5,16.2027912,4.5,16.0025711c0.0991917-0.4996328,0.6998529-1.3997068,1.8993387-2.0995598 c0.2002201-0.0991917,0.4996328-0.2994118,0.9000735-0.4996328c0.2994118-0.4996328,0.6006613-1.1002941,0.9992652-1.8001461 c0.4996328-0.9992657,0.8008814-2.0003681,1.1002932-2.9004412l0,0C8.9985304,7.5033054,8.7983093,6.8034525,9.1987505,5.4019094C9.2979422,5.0014687,9.5991917,4.601028,9.9996328,4.601028h0.2002201c0.2002201,0,0.4004402,0.0991917,0.6006613,0.2002206 c0.6998529,0.6998529,0.4004412,2.2997794,0,3.6002941c0,0.0991917,0,0.0991917,0,0.0991917 c0.4004412,1.1002932,0.9992657,2.0003672,1.599926,2.6010284c0.2994118,0.2002211,0.4996328,0.4004402,0.900074,0.6006613 c0.4996328,0,0.9000731-0.0991917,1.3005142-0.0991917c1.1994848,0,2.0003681,0.2002201,2.2997799,0.699852	C17,12.5033054,17,12.7035255,17,12.9037457C16.9008083,12.9992657,16.7997799,13.3005142,16.5995598,13.4988985z M10.0988245,9.5991917C9.8986034,10.2990446,9.4981623,11.099926,9.0995588,12 c-0.2002201,0.4004402-0.4004402,0.699852-0.6006613,1.1002941h0.0991917h0.0991917l0,0 c1.3005142-0.4996328,2.5-0.8008814,3.3008814-0.9000731C11.7979412,12.1010284,11.6987505,12,11.5977221,11.9008083 C11.099926,11.3001471,10.4992657,10.4992657,10.0988245,9.5991917z"/></g></svg>');
+  }
+  &.icon-format-pptx {
+    width: 22px;
+    height: 22px;
+    .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="-238 240 22 22" style="enable-background:new -238 240 22 22;" xml:space="preserve" fill="@{themeColor}"><g><path id="XMLID_2_" d="M-236,261h18v-17l-3.9791718-4H-236V261z M-219,248v12h-16v-19h12l4,4V248z"/></g><g><path d="M-228.8226929,250.8646851c0.137085-0.060791,0.2341919-0.2302246,0.3131104-0.3647461	c0.0792847-0.1351929,0.0861816-0.2935181,0.0861816-0.473938c0-0.2221069-0.0613403-0.4186401-0.1723633-0.5601807	c-0.1102905-0.1405029-0.296875-0.2628784-0.4628906-0.2931519c-0.1210938-0.0233154-0.2396851-0.0012817-0.4535522,0.0090942 l-0.3115234,0.010376v1.7925415h0.4523926C-228.9815063,250.9927368-228.9586182,250.9249878-228.8226929,250.8646851z"/><path d="M-233,256.1141357l7.333313,1.3553467V245L-233,246.3268433V256.1141357z M-230.8660889,248.2818604l1.4968872-0.0977783 c0.6077881-0.0397339,0.9075317-0.0557251,1.1018066-0.0071411c0.3032227,0.0736084,0.637207,0.2349854,0.8483276,0.538147	c0.2138672,0.3070679,0.3555908,0.7592163,0.3555908,1.262085c0,0.3878784-0.0623169,0.7130737-0.1862793,0.9741211	c-0.1230469,0.2590942-0.2780151,0.4591064-0.4640503,0.6001587c-0.18396,0.1394653-0.3991089,0.2700195-0.5587769,0.3272705 c-0.3145752,0.0774536-0.5286865,0.1747437-0.9802856,0.1508179h-0.5708618v1.9562378l-1.0423584-0.1081543V248.2818604z"/><path d="M-221.7266846,247H-225v9h3.2733154C-221.3253479,256-221,255.6746521-221,255.2733154v-7.5466309	C-221,247.3253479-221.3253479,247-221.7266846,247z"/></g></svg>');
   }
 }