From 98ac0b05c696a8831e398bfdcdc6dc68fee6fc8f Mon Sep 17 00:00:00 2001
From: Julia Radzhabova <Julia.Radzhabova@onlyoffice.com>
Date: Thu, 27 Sep 2018 13:11:01 +0300
Subject: [PATCH] Change doc-format icons

---
 .../main/resources/img/doc-formats/csv.svg    | 91 ++++++++-----------
 .../main/resources/img/doc-formats/docx.svg   | 42 +++------
 .../main/resources/img/doc-formats/epub.svg   | 46 +++-------
 .../main/resources/img/doc-formats/html.svg   | 46 +++-------
 .../main/resources/img/doc-formats/odp.svg    | 41 +++------
 .../main/resources/img/doc-formats/ods.svg    | 41 +++------
 .../main/resources/img/doc-formats/odt.svg    | 44 +++------
 .../main/resources/img/doc-formats/pdf.svg    | 40 ++------
 .../main/resources/img/doc-formats/pdfa.svg   | 56 ++++--------
 .../main/resources/img/doc-formats/pptx.svg   | 49 +++-------
 .../main/resources/img/doc-formats/rtf.svg    | 58 ++++--------
 .../main/resources/img/doc-formats/txt.svg    | 56 ++++--------
 .../main/resources/img/doc-formats/xlsx.svg   | 41 +++------
 13 files changed, 198 insertions(+), 453 deletions(-)

diff --git a/apps/common/main/resources/img/doc-formats/csv.svg b/apps/common/main/resources/img/doc-formats/csv.svg
index 66899742f4..75fd3d5499 100644
--- a/apps/common/main/resources/img/doc-formats/csv.svg
+++ b/apps/common/main/resources/img/doc-formats/csv.svg
@@ -1,58 +1,39 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #646464;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
   <title>csv</title>
-  <g id="csv">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M43.7,105.8a1.9,1.9,0,0,0-1.6.8,3.3,3.3,0,0,0-.6,2.1c0,2,.8,2.9,2.2,2.9a6.9,6.9,0,0,0,2.2-.4v1.5a6.1,6.1,0,0,1-2.4.4,3.6,3.6,0,0,1-2.8-1.1,4.8,4.8,0,0,1-1-3.3,4.3,4.3,0,0,1,.5-2.3,3.1,3.1,0,0,1,1.4-1.6,4.6,4.6,0,0,1,2.1-.5,5.7,5.7,0,0,1,2.5.6l-.6,1.5-1-.4Z"/>
-      <path class="cls-4" d="M52.8,110.6a2,2,0,0,1-.9,1.8,3.2,3.2,0,0,1-2.3.7,6,6,0,0,1-2.4-.5v-1.7l1.4.6h1.1l1-.2a.9.9,0,0,0,.3-.7.5.5,0,0,0-.2-.4.8.8,0,0,0-.4-.4l-1.1-.6-1.2-.7-.6-.8a1.8,1.8,0,0,1-.2-1.1A2.1,2.1,0,0,1,48,105a3.2,3.2,0,0,1,2.2-.7l1.2.2,1.3.4-.6,1.4-1.1-.4h-.9a1.1,1.1,0,0,0-.8.3.6.6,0,0,0-.3.6l.2.4c0,.1.1.2.3.4l1.2.6a3.4,3.4,0,0,1,1.6,1.1A2.4,2.4,0,0,1,52.8,110.6Z"/>
-      <path class="cls-4" d="M59.2,104.4H61L58.1,113h-2l-2.9-8.6h1.9l1.6,5.1a3.6,3.6,0,0,1,.2,1.1c.1.4.2.7.2.8s.2-1,.5-1.9Z"/>
+  <symbol id="svg-format-csv">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #646464"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M43.7,105.8a2.1,2.1,0,0,0-1.6.8,3.9,3.9,0,0,0-.6,2.1c0,2,.8,2.9,2.2,2.9a5.4,5.4,0,0,0,2.2-.4v1.5a6.7,6.7,0,0,1-2.4.4,3.4,3.4,0,0,1-2.8-1.1,4.8,4.8,0,0,1-1-3.3,3.7,3.7,0,0,1,.5-2.3,3.6,3.6,0,0,1,1.4-1.6,5.1,5.1,0,0,1,4.6.1l-.6,1.5-1-.4Z" style="fill: #fff"/>
+      <path d="M52.8,110.6a2.1,2.1,0,0,1-.9,1.8,3.2,3.2,0,0,1-2.3.7,6.9,6.9,0,0,1-2.4-.5v-1.7l1.4.6h1.1l1-.2a.9.9,0,0,0,.3-.7.5.5,0,0,0-.2-.4.8.8,0,0,0-.4-.4l-1.1-.6-1.2-.7-.6-.8a1.4,1.4,0,0,1-.2-1.1A2,2,0,0,1,48,105a3.4,3.4,0,0,1,2.2-.7l1.2.2,1.3.4-.6,1.4-1.1-.4h-.9a1.1,1.1,0,0,0-.8.3.7.7,0,0,0-.3.6l.2.4.3.4,1.2.6a3.6,3.6,0,0,1,1.6,1.1A2.1,2.1,0,0,1,52.8,110.6Z" style="fill: #fff"/>
+      <path d="M59.2,104.4H61L58.1,113h-2l-2.9-8.6h1.9l1.6,5.1a4.3,4.3,0,0,1,.2,1.1c.1.4.2.7.2.8s.2-1,.5-1.9Z" style="fill: #fff"/>
     </g>
-    <rect class="cls-4" x="21" y="90" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="83" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="76" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="69" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="62" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="55" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="48" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="41" width="17" height="2"/>
-    <rect class="cls-4" x="21" y="34" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="90" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="83" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="76" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="69" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="62" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="55" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="48" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="41" width="17" height="2"/>
-    <rect class="cls-4" x="42" y="34" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="90" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="83" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="76" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="69" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="62" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="55" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="48" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="41" width="17" height="2"/>
-    <rect class="cls-4" x="63" y="34" width="17" height="2"/>
-  </g>
+    <rect x="21" y="90" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="83" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="76" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="69" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="62" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="55" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="48" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="41" width="17" height="2" style="fill: #fff"/>
+    <rect x="21" y="34" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="90" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="83" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="76" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="69" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="62" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="55" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="48" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="41" width="17" height="2" style="fill: #fff"/>
+    <rect x="42" y="34" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="90" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="83" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="76" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="69" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="62" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="55" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="48" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="41" width="17" height="2" style="fill: #fff"/>
+    <rect x="63" y="34" width="17" height="2" style="fill: #fff"/>
+</symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/docx.svg b/apps/common/main/resources/img/doc-formats/docx.svg
index 6e08145831..61d91d93f1 100644
--- a/apps/common/main/resources/img/doc-formats/docx.svg
+++ b/apps/common/main/resources/img/doc-formats/docx.svg
@@ -1,33 +1,13 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #214479;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>docx</title>
-  <g id="docx">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M41.1,108.6a4.5,4.5,0,0,1-1.2,3.3,5,5,0,0,1-3.4,1.1H34v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4.1,4.1,0,0,1,41.1,108.6Zm-1.8.1c0-1.9-.9-2.8-2.5-2.8h-.9v5.6h.7C38.4,111.5,39.3,110.6,39.3,108.7Z"/>
-      <path class="cls-4" d="M50.7,108.7a4.9,4.9,0,0,1-1.1,3.3,4.6,4.6,0,0,1-6,0,5.5,5.5,0,0,1,0-6.6,4.1,4.1,0,0,1,3-1.1,4.3,4.3,0,0,1,3.1,1.1A5.4,5.4,0,0,1,50.7,108.7Zm-6.3,0a3.4,3.4,0,0,0,.6,2.2,1.9,1.9,0,0,0,1.6.7c1.5,0,2.2-1,2.2-2.9s-.7-2.9-2.2-2.9a2.2,2.2,0,0,0-1.6.7A3.4,3.4,0,0,0,44.4,108.7Z"/>
-      <path class="cls-4" d="M56.1,105.8a1.9,1.9,0,0,0-1.6.8,3.3,3.3,0,0,0-.5,2.1c0,2,.7,2.9,2.1,2.9a6.9,6.9,0,0,0,2.2-.4v1.5a6.1,6.1,0,0,1-2.4.4,3.6,3.6,0,0,1-2.8-1.1,4.8,4.8,0,0,1-1-3.3,5.6,5.6,0,0,1,.5-2.3,3.6,3.6,0,0,1,1.4-1.6,4.6,4.6,0,0,1,2.1-.5,5.7,5.7,0,0,1,2.5.6l-.6,1.5-.9-.4Z"/>
-      <path class="cls-4" d="M67,113H65l-2-3.2L61,113H59l2.9-4.4-2.7-4.2h2l1.9,3.1,1.8-3.1h1.9l-2.7,4.3Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+  <symbol id="svg-format-docx">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #214479"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M41.1,108.6a4.5,4.5,0,0,1-1.2,3.3,4.8,4.8,0,0,1-3.4,1.1H34v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4,4,0,0,1,41.1,108.6Zm-1.8.1c0-1.9-.9-2.8-2.5-2.8h-.9v5.6h.7C38.4,111.5,39.3,110.6,39.3,108.7Z" style="fill: #fff"/>
+      <path d="M50.7,108.7a4.9,4.9,0,0,1-1.1,3.3,4.6,4.6,0,0,1-6,0,5.4,5.4,0,0,1,0-6.6,3.8,3.8,0,0,1,3-1.1,4,4,0,0,1,3.1,1.1A5.6,5.6,0,0,1,50.7,108.7Zm-6.3,0a3.3,3.3,0,0,0,.6,2.2,2,2,0,0,0,1.6.7c1.5,0,2.2-1,2.2-2.9s-.7-2.9-2.2-2.9a2.4,2.4,0,0,0-1.6.7A3.3,3.3,0,0,0,44.4,108.7Z" style="fill: #fff"/>
+      <path d="M56.1,105.8a2.1,2.1,0,0,0-1.6.8,3.1,3.1,0,0,0-.5,2.1c0,2,.7,2.9,2.1,2.9a5.4,5.4,0,0,0,2.2-.4v1.5a6.7,6.7,0,0,1-2.4.4,3.4,3.4,0,0,1-2.8-1.1,4.8,4.8,0,0,1-1-3.3,5.9,5.9,0,0,1,.5-2.3,3.6,3.6,0,0,1,1.4-1.6,5.1,5.1,0,0,1,4.6.1l-.6,1.5-.9-.4Z" style="fill: #fff"/>
+      <path d="M67,113H65l-2-3.2L61,113H59l2.9-4.4-2.7-4.2h2l1.9,3.1,1.8-3.1h1.9l-2.7,4.3Z" style="fill: #fff"/>
     </g>
-    <polygon class="cls-4" points="67.8 48 61.5 75 54.5 48 51.5 48 48.5 48 41.5 75 35.2 48 29.4 48 37.9 82 44.3 82 51.5 54.1 58.7 82 65.1 82 73.6 48 67.8 48"/>
-  </g>
+    <polygon points="67.8 48 61.5 75 54.5 48 51.5 48 48.5 48 41.5 75 35.2 48 29.4 48 37.9 82 44.3 82 51.5 54.1 58.7 82 65.1 82 73.6 48 67.8 48" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/epub.svg b/apps/common/main/resources/img/doc-formats/epub.svg
index 562f3c21b2..f18bc723f8 100644
--- a/apps/common/main/resources/img/doc-formats/epub.svg
+++ b/apps/common/main/resources/img/doc-formats/epub.svg
@@ -1,35 +1,15 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #5892b6;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>epub</title>
-  <g id="epub">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M40.3,113H35.4v-8.6h4.9v1.5H37.2v1.9h2.9v1.5H37.2v2.2h3.1Z"/>
-      <path class="cls-4" d="M48,107.1a2.9,2.9,0,0,1-.8,2.1,3.7,3.7,0,0,1-2.5.8h-.8v3H42.1v-8.6h2.7a3.8,3.8,0,0,1,2.4.7A2.3,2.3,0,0,1,48,107.1Zm-4.1,1.4h.6a1.7,1.7,0,0,0,1.3-.4,1,1,0,0,0,.4-.9,1.1,1.1,0,0,0-.4-1,1.5,1.5,0,0,0-1-.3h-.9Z"/>
-      <path class="cls-4" d="M56.6,104.4V110a2.7,2.7,0,0,1-.4,1.6,2.5,2.5,0,0,1-1.2,1.1,4.7,4.7,0,0,1-4.5-.4,3.2,3.2,0,0,1-.9-2.3v-5.6h1.8v5.3a2,2,0,0,0,.4,1.4,1.9,1.9,0,0,0,2.6,0,2,2,0,0,0,.4-1.4v-5.3Z"/>
-      <path class="cls-4" d="M58.7,104.4h2.7a4.3,4.3,0,0,1,2.6.6,1.5,1.5,0,0,1,.8,1.6,2.8,2.8,0,0,1-.3,1.3,2.1,2.1,0,0,1-1,.6h0a1.8,1.8,0,0,1,1.2.7,2.5,2.5,0,0,1,.4,1.3,2,2,0,0,1-.9,1.8,3.2,3.2,0,0,1-2.3.7H58.7Zm1.8,3.4h1.1a1.8,1.8,0,0,0,1.1-.2,1,1,0,0,0,.3-.8.8.8,0,0,0-.4-.7l-1.1-.2h-1Zm0,1.5v2.2h1.2a1.6,1.6,0,0,0,1.1-.3,1,1,0,0,0,.4-.9c0-.7-.5-1-1.5-1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+  <symbol id="svg-format-epub">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #5892b6"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M40.3,113H35.4v-8.6h4.9v1.5H37.2v1.9h2.9v1.5H37.2v2.2h3.1Z" style="fill: #fff"/>
+      <path d="M48,107.1a3.2,3.2,0,0,1-.8,2.1,3.8,3.8,0,0,1-2.5.8h-.8v3H42.1v-8.6h2.7a4,4,0,0,1,2.4.7A2.2,2.2,0,0,1,48,107.1Zm-4.1,1.4h.6a1.6,1.6,0,0,0,1.3-.4,1.1,1.1,0,0,0,.4-.9,1,1,0,0,0-.4-1,1.7,1.7,0,0,0-1-.3h-.9Z" style="fill: #fff"/>
+      <path d="M56.6,104.4V110a2.9,2.9,0,0,1-.4,1.6,2.5,2.5,0,0,1-1.2,1.1,4.8,4.8,0,0,1-4.5-.4,3.2,3.2,0,0,1-.9-2.3v-5.6h1.8v5.3a2.3,2.3,0,0,0,.4,1.4,1.9,1.9,0,0,0,2.6,0,2.3,2.3,0,0,0,.4-1.4v-5.3Z" style="fill: #fff"/>
+      <path d="M58.7,104.4h2.7a4,4,0,0,1,2.6.6,1.5,1.5,0,0,1,.8,1.6,2.8,2.8,0,0,1-.3,1.3,2.1,2.1,0,0,1-1,.6h0a1.9,1.9,0,0,1,1.2.7,2,2,0,0,1,.4,1.3,2.1,2.1,0,0,1-.9,1.8,3.2,3.2,0,0,1-2.3.7H58.7Zm1.8,3.4h1.1a1.4,1.4,0,0,0,1.1-.2,1.1,1.1,0,0,0,.3-.8.8.8,0,0,0-.4-.7l-1.1-.2h-1Zm0,1.5v2.2h1.2a2,2,0,0,0,1.1-.3,1.1,1.1,0,0,0,.4-.9c0-.7-.5-1-1.5-1Z" style="fill: #fff"/>
     </g>
-    <path class="cls-4" d="M49,84V49s-9-6-24-7V75S42,76,49,84Z"/>
-    <path class="cls-4" d="M75,75V42c-15,1-24,7-24,7V84C58,76,75,75,75,75Z"/>
-    <path class="cls-4" d="M77,47V79s-15,0-27,8.3C38,79,23,79,23,79V47H20V82s13-2,30,6c17-8,30-6,30-6V47Z"/>
-  </g>
+    <path d="M49,84V49s-9-6-24-7V75S42,76,49,84Z" style="fill: #fff"/>
+    <path d="M75,75V42c-15,1-24,7-24,7V84C58,76,75,75,75,75Z" style="fill: #fff"/>
+    <path d="M77,47V79s-15,0-27,8.3C38,79,23,79,23,79V47H20V82s13-2,30,6c17-8,30-6,30-6V47Z" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/html.svg b/apps/common/main/resources/img/doc-formats/html.svg
index c6aae404d7..0c9cbcc911 100644
--- a/apps/common/main/resources/img/doc-formats/html.svg
+++ b/apps/common/main/resources/img/doc-formats/html.svg
@@ -1,35 +1,15 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #7c9a34;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>html</title>
-  <g id="html">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M41,113H39.2v-3.7H35.8V113H34v-8.6h1.8v3.4h3.4v-3.4H41Z"/>
-      <path class="cls-4" d="M46.5,113H44.6v-7.1H42.3v-1.5h6.5v1.5H46.5Z"/>
-      <path class="cls-4" d="M53.7,113l-2-6.7h-.1c.1,1.3.1,2.3.1,2.7v4H50.1v-8.6h2.5l2,6.6h0l2.2-6.6h2.5V113H57.6v-4.7c0-.3,0-.9.1-2h-.1L55.4,113Z"/>
-      <path class="cls-4" d="M61.4,113v-8.6h1.8v7.1h3.5V113Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+<symbol id="svg-format-html">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #7c9a34"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M41,113H39.2v-3.7H35.8V113H34v-8.6h1.8v3.4h3.4v-3.4H41Z" style="fill: #fff"/>
+      <path d="M46.5,113H44.6v-7.1H42.3v-1.5h6.5v1.5H46.5Z" style="fill: #fff"/>
+      <path d="M53.7,113l-2-6.7h-.1c.1,1.3.1,2.3.1,2.7v4H50.1v-8.6h2.5l2,6.6h0l2.2-6.6h2.5V113H57.6v-4.7c0-.3,0-.9.1-2h-.1L55.4,113Z" style="fill: #fff"/>
+      <path d="M61.4,113v-8.6h1.8v7.1h3.5V113Z" style="fill: #fff"/>
     </g>
-    <polygon class="cls-4" points="62 53 62 57.8 75.5 62.5 62 67.2 62 72 80 64.2 80 60.8 62 53"/>
-    <polygon class="cls-4" points="40 75 45.5 75 59.5 50 54 50 40 75"/>
-    <polygon class="cls-4" points="19 64.2 37 72 37 67.2 23.5 62.5 37 57.8 37 53 19 60.8 19 64.2"/>
-  </g>
+    <polygon points="62 53 62 57.8 75.5 62.5 62 67.2 62 72 80 64.2 80 60.8 62 53" style="fill: #fff"/>
+    <polygon points="40 75 45.5 75 59.5 50 54 50 40 75" style="fill: #fff"/>
+    <polygon points="19 64.2 37 72 37 67.2 23.5 62.5 37 57.8 37 53 19 60.8 19 64.2" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/odp.svg b/apps/common/main/resources/img/doc-formats/odp.svg
index 78a1f3ee44..0fdf1bfd6c 100644
--- a/apps/common/main/resources/img/doc-formats/odp.svg
+++ b/apps/common/main/resources/img/doc-formats/odp.svg
@@ -1,33 +1,14 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #dd9426;
-      }
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>odp</title>
-  <g id="odp">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M45.9,108.7a4.9,4.9,0,0,1-1.1,3.3,4.6,4.6,0,0,1-6,0,5.5,5.5,0,0,1,0-6.6,4.6,4.6,0,0,1,6,0A4.9,4.9,0,0,1,45.9,108.7Zm-6.3,0a3.4,3.4,0,0,0,.6,2.2,1.8,1.8,0,0,0,1.6.7c1.4,0,2.2-1,2.2-2.9s-.8-2.9-2.2-2.9a2,2,0,0,0-1.6.7A3.4,3.4,0,0,0,39.6,108.7Z"/>
-      <path class="cls-4" d="M54.8,108.6a4.5,4.5,0,0,1-1.2,3.3,5.4,5.4,0,0,1-3.5,1.1H47.6v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4.1,4.1,0,0,1,54.8,108.6Zm-1.9.1c0-1.9-.8-2.8-2.5-2.8h-.9v5.6h.7C52,111.5,52.9,110.6,52.9,108.7Z"/>
-      <path class="cls-4" d="M62.4,107.1a2.5,2.5,0,0,1-.8,2.1,3.7,3.7,0,0,1-2.5.8h-.8v3H56.5v-8.6h2.8a3.7,3.7,0,0,1,2.3.7A2.3,2.3,0,0,1,62.4,107.1Zm-4.1,1.4h.6a1.7,1.7,0,0,0,1.3-.4,1,1,0,0,0,.4-.9,1.3,1.3,0,0,0-.3-1,1.8,1.8,0,0,0-1.1-.3h-.9Z"/>
+<symbol id="svg-format-odp">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #dd9426"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M45.9,108.7a4.9,4.9,0,0,1-1.1,3.3,4.6,4.6,0,0,1-6,0,5.4,5.4,0,0,1,0-6.6,4.6,4.6,0,0,1,6,0A4.9,4.9,0,0,1,45.9,108.7Zm-6.3,0a3.3,3.3,0,0,0,.6,2.2,1.7,1.7,0,0,0,1.6.7c1.4,0,2.2-1,2.2-2.9s-.8-2.9-2.2-2.9a2,2,0,0,0-1.6.7A3.3,3.3,0,0,0,39.6,108.7Z" style="fill: #fff"/>
+      <path d="M54.8,108.6a4.5,4.5,0,0,1-1.2,3.3,4.9,4.9,0,0,1-3.5,1.1H47.6v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A3.9,3.9,0,0,1,54.8,108.6Zm-1.9.1c0-1.9-.8-2.8-2.5-2.8h-.9v5.6h.7C52,111.5,52.9,110.6,52.9,108.7Z" style="fill: #fff"/>
+      <path d="M62.4,107.1a2.4,2.4,0,0,1-.8,2.1,3.8,3.8,0,0,1-2.5.8h-.8v3H56.5v-8.6h2.8a3.9,3.9,0,0,1,2.3.7A2.2,2.2,0,0,1,62.4,107.1Zm-4.1,1.4h.6a1.6,1.6,0,0,0,1.3-.4,1.1,1.1,0,0,0,.4-.9,1.7,1.7,0,0,0-.3-1,2,2,0,0,0-1.1-.3h-.9Z" style="fill: #fff"/>
     </g>
-    <path class="cls-4" d="M78,52.7h-.3a14.8,14.8,0,0,0-14,.5,14.8,14.8,0,0,0-14.3-.2h-.1a.3.3,0,0,0-.1.2c0,.1.1.2.3.2h0a14.8,14.8,0,0,1,4.2-.1c4,.3,7.4,1.6,9.8,4.3.2.1.3.1.4,0,3.1-3.5,7.8-4.9,12.8-4.4h1.2a.2.2,0,0,0,.2-.2h0C78.1,52.8,78.1,52.8,78,52.7Z"/>
-    <path class="cls-4" d="M72.2,65.2h0a26,26,0,0,0-25,2.8,26.1,26.1,0,0,0-25.1,2.2h0l-.2.3a.4.4,0,0,0,.4.4h.1a26.7,26.7,0,0,1,7.5-1.1c6.9,0,13.1,1.6,17.7,6h.2c.2,0,.3-.1.3-.2l.3-.3c4.7-6.4,12.5-9.6,21.1-9.6h2.4c.2-.1.4-.2.4-.4Z"/>
-  </g>
+    <path d="M78,52.7h-.3a14.8,14.8,0,0,0-14,.5A14.8,14.8,0,0,0,49.4,53h-.1c-.1.1-.1.1-.1.2s.1.2.3.2h0a14.8,14.8,0,0,1,4.2-.1c4,.3,7.4,1.6,9.8,4.3.2.1.3.1.4,0,3.1-3.5,7.8-4.9,12.8-4.4h1.2a.2.2,0,0,0,.2-.2h0C78.1,52.8,78.1,52.8,78,52.7Z" style="fill: #fff"/>
+    <path d="M72.2,65.2h0a26,26,0,0,0-25,2.8,26.1,26.1,0,0,0-25.1,2.2h0l-.2.3a.4.4,0,0,0,.4.4h.1a27.2,27.2,0,0,1,7.5-1.1c6.9,0,13.1,1.6,17.7,6h.2c.2,0,.3-.1.3-.2l.3-.3c4.7-6.4,12.5-9.6,21.1-9.6h2.4c.2-.1.4-.2.4-.4Z" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/ods.svg b/apps/common/main/resources/img/doc-formats/ods.svg
index 1f0dbc620a..6843b97c24 100644
--- a/apps/common/main/resources/img/doc-formats/ods.svg
+++ b/apps/common/main/resources/img/doc-formats/ods.svg
@@ -1,33 +1,14 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #237453;
-      }
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>ods</title>
-  <g id="ods">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M46.3,108.7a4.8,4.8,0,0,1-1,3.3,4.1,4.1,0,0,1-3,1.1,4.2,4.2,0,0,1-3.1-1.1,5.9,5.9,0,0,1,0-6.6,4.3,4.3,0,0,1,3.1-1.1,4.1,4.1,0,0,1,3,1.1A4.8,4.8,0,0,1,46.3,108.7Zm-6.2,0a4.2,4.2,0,0,0,.5,2.2,1.9,1.9,0,0,0,1.7.7c1.4,0,2.1-1,2.1-2.9s-.7-2.9-2.1-2.9a2.2,2.2,0,0,0-1.7.7A4.2,4.2,0,0,0,40.1,108.7Z"/>
-      <path class="cls-4" d="M55.2,108.6a4.5,4.5,0,0,1-1.2,3.3,5.1,5.1,0,0,1-3.5,1.1H48.1v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4.5,4.5,0,0,1,55.2,108.6Zm-1.9.1c0-1.9-.8-2.8-2.4-2.8h-1v5.6h.8C52.5,111.5,53.3,110.6,53.3,108.7Z"/>
-      <path class="cls-4" d="M62,110.6a1.9,1.9,0,0,1-.8,1.8,3.2,3.2,0,0,1-2.3.7,6,6,0,0,1-2.4-.5v-1.7l1.4.6H59l.9-.2a.8.8,0,0,0,.4-.7.5.5,0,0,0-.2-.4.8.8,0,0,0-.4-.4l-1.1-.6-1.2-.7-.6-.8a1.8,1.8,0,0,1-.2-1.1,2.1,2.1,0,0,1,.7-1.7,3.1,3.1,0,0,1,2.2-.7l1.2.2,1.3.4-.6,1.4-1.1-.4h-.9a1.1,1.1,0,0,0-.8.3.6.6,0,0,0-.3.6l.2.4c0,.1.1.2.3.4l1.2.6a3.4,3.4,0,0,1,1.6,1.1A2.3,2.3,0,0,1,62,110.6Z"/>
+<symbol id="svg-format-ods">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #237453"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M46.3,108.7a4.8,4.8,0,0,1-1,3.3,3.8,3.8,0,0,1-3,1.1,4,4,0,0,1-3.1-1.1,6.1,6.1,0,0,1,0-6.6,4,4,0,0,1,3.1-1.1,3.8,3.8,0,0,1,3,1.1A4.8,4.8,0,0,1,46.3,108.7Zm-6.2,0a4.2,4.2,0,0,0,.5,2.2,1.9,1.9,0,0,0,1.7.7c1.4,0,2.1-1,2.1-2.9s-.7-2.9-2.1-2.9a2.2,2.2,0,0,0-1.7.7A4.2,4.2,0,0,0,40.1,108.7Z" style="fill: #fff"/>
+      <path d="M55.2,108.6a4.5,4.5,0,0,1-1.2,3.3,4.9,4.9,0,0,1-3.5,1.1H48.1v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A5.1,5.1,0,0,1,55.2,108.6Zm-1.9.1c0-1.9-.8-2.8-2.4-2.8h-1v5.6h.8C52.5,111.5,53.3,110.6,53.3,108.7Z" style="fill: #fff"/>
+      <path d="M62,110.6a1.8,1.8,0,0,1-.8,1.8,3.2,3.2,0,0,1-2.3.7,6.9,6.9,0,0,1-2.4-.5v-1.7l1.4.6H59l.9-.2a.8.8,0,0,0,.4-.7.5.5,0,0,0-.2-.4l-.4-.4-1.1-.6-1.2-.7-.6-.8a1.4,1.4,0,0,1-.2-1.1,2.2,2.2,0,0,1,.7-1.7,2.9,2.9,0,0,1,2.2-.7l1.2.2,1.3.4-.6,1.4-1.1-.4h-.9a1.1,1.1,0,0,0-.8.3.7.7,0,0,0-.3.6l.2.4c0,.1.1.2.3.4l1.2.6a3.6,3.6,0,0,1,1.6,1.1A2.3,2.3,0,0,1,62,110.6Z" style="fill: #fff"/>
     </g>
-    <path class="cls-4" d="M78,52.7h-.3a14.8,14.8,0,0,0-14,.5,14.8,14.8,0,0,0-14.3-.2h-.1a.3.3,0,0,0-.1.2c0,.1.1.2.3.2h0a14.8,14.8,0,0,1,4.2-.1c4,.3,7.4,1.6,9.8,4.3.2.1.3.1.4,0,3.1-3.5,7.8-4.9,12.8-4.4h1.2a.2.2,0,0,0,.2-.2h0C78.1,52.8,78.1,52.8,78,52.7Z"/>
-    <path class="cls-4" d="M72.2,65.2h0a26,26,0,0,0-25,2.8,26.1,26.1,0,0,0-25.1,2.2h0l-.2.3a.4.4,0,0,0,.4.4h.1a26.7,26.7,0,0,1,7.5-1.1c6.9,0,13.1,1.6,17.7,6h.2c.2,0,.3-.1.3-.2l.3-.3c4.7-6.4,12.5-9.6,21.1-9.6h2.4c.2-.1.4-.2.4-.4Z"/>
-  </g>
+    <path d="M78,52.7h-.3a14.8,14.8,0,0,0-14,.5A14.8,14.8,0,0,0,49.4,53h-.1c-.1.1-.1.1-.1.2s.1.2.3.2h0a14.8,14.8,0,0,1,4.2-.1c4,.3,7.4,1.6,9.8,4.3.2.1.3.1.4,0,3.1-3.5,7.8-4.9,12.8-4.4h1.2a.2.2,0,0,0,.2-.2h0C78.1,52.8,78.1,52.8,78,52.7Z" style="fill: #fff"/>
+    <path d="M72.2,65.2h0a26,26,0,0,0-25,2.8,26.1,26.1,0,0,0-25.1,2.2h0l-.2.3a.4.4,0,0,0,.4.4h.1a27.2,27.2,0,0,1,7.5-1.1c6.9,0,13.1,1.6,17.7,6h.2c.2,0,.3-.1.3-.2l.3-.3c4.7-6.4,12.5-9.6,21.1-9.6h2.4c.2-.1.4-.2.4-.4Z" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/odt.svg b/apps/common/main/resources/img/doc-formats/odt.svg
index c69c9670bb..ebf155e94d 100644
--- a/apps/common/main/resources/img/doc-formats/odt.svg
+++ b/apps/common/main/resources/img/doc-formats/odt.svg
@@ -1,33 +1,13 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #3c6d88;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>odt</title>
-  <g id="odt">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M46.2,108.7a4.9,4.9,0,0,1-1.1,3.3,4.6,4.6,0,0,1-6,0,5.5,5.5,0,0,1,0-6.6,4.6,4.6,0,0,1,6,0A4.9,4.9,0,0,1,46.2,108.7Zm-6.3,0a3.4,3.4,0,0,0,.6,2.2,1.8,1.8,0,0,0,1.6.7c1.4,0,2.2-1,2.2-2.9s-.8-2.9-2.2-2.9a2,2,0,0,0-1.6.7A3.4,3.4,0,0,0,39.9,108.7Z"/>
-      <path class="cls-4" d="M55,108.6a4.5,4.5,0,0,1-1.2,3.3,5,5,0,0,1-3.4,1.1H47.9v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4.1,4.1,0,0,1,55,108.6Zm-1.8.1c0-1.9-.9-2.8-2.5-2.8h-.9v5.6h.7C52.3,111.5,53.2,110.6,53.2,108.7Z"/>
-      <path class="cls-4" d="M60.1,113H58.3v-7.1H56v-1.5h6.5v1.5H60.1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+  <symbol id="svg-format-odt">
+    <path d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z" style="fill: #3c6d88"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g style="isolation: isolate">
+      <path d="M46.2,108.7a4.9,4.9,0,0,1-1.1,3.3,4.6,4.6,0,0,1-6,0,5.5,5.5,0,0,1,0-6.6,4.6,4.6,0,0,1,6,0A4.9,4.9,0,0,1,46.2,108.7Zm-6.3,0a3.4,3.4,0,0,0,.6,2.2,1.8,1.8,0,0,0,1.6.7c1.4,0,2.2-1,2.2-2.9s-.8-2.9-2.2-2.9a2,2,0,0,0-1.6.7A3.4,3.4,0,0,0,39.9,108.7Z" style="fill: #fff"/>
+      <path d="M55,108.6a4.5,4.5,0,0,1-1.2,3.3,5,5,0,0,1-3.4,1.1H47.9v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4.1,4.1,0,0,1,55,108.6Zm-1.8.1c0-1.9-.9-2.8-2.5-2.8h-.9v5.6h.7C52.3,111.5,53.2,110.6,53.2,108.7Z" style="fill: #fff"/>
+      <path d="M60.1,113H58.3v-7.1H56v-1.5h6.5v1.5H60.1Z" style="fill: #fff"/>
     </g>
-    <path class="cls-4" d="M78,52.7h-.3a14.8,14.8,0,0,0-14,.5,14.8,14.8,0,0,0-14.3-.2h-.1a.3.3,0,0,0-.1.2c0,.1.1.2.3.2h0a14.8,14.8,0,0,1,4.2-.1c4,.3,7.4,1.6,9.8,4.3.2.1.3.1.4,0,3.1-3.5,7.8-4.9,12.8-4.4h1.2a.2.2,0,0,0,.2-.2h0C78.1,52.8,78.1,52.8,78,52.7Z"/>
-    <path class="cls-4" d="M72.2,65.2h0a26,26,0,0,0-25,2.8,26.1,26.1,0,0,0-25.1,2.2h0l-.2.3a.4.4,0,0,0,.4.4h.1a26.7,26.7,0,0,1,7.5-1.1c6.9,0,13.1,1.6,17.7,6h.2c.2,0,.3-.1.3-.2l.3-.3c4.7-6.4,12.5-9.6,21.1-9.6h2.4c.2-.1.4-.2.4-.4Z"/>
-  </g>
-</svg>
+    <path d="M78,52.7h-.3a14.8,14.8,0,0,0-14,.5,14.8,14.8,0,0,0-14.3-.2h-.1a.3.3,0,0,0-.1.2c0,.1.1.2.3.2h0a14.8,14.8,0,0,1,4.2-.1c4,.3,7.4,1.6,9.8,4.3.2.1.3.1.4,0,3.1-3.5,7.8-4.9,12.8-4.4h1.2a.2.2,0,0,0,.2-.2h0C78.1,52.8,78.1,52.8,78,52.7Z" style="fill: #fff"/>
+    <path d="M72.2,65.2h0a26,26,0,0,0-25,2.8,26.1,26.1,0,0,0-25.1,2.2h0l-.2.3a.4.4,0,0,0,.4.4h.1a26.7,26.7,0,0,1,7.5-1.1c6.9,0,13.1,1.6,17.7,6h.2c.2,0,.3-.1.3-.2l.3-.3c4.7-6.4,12.5-9.6,21.1-9.6h2.4c.2-.1.4-.2.4-.4Z" style="fill: #fff"/>
+  </symbol>
+</svg>
\ No newline at end of file
diff --git a/apps/common/main/resources/img/doc-formats/pdf.svg b/apps/common/main/resources/img/doc-formats/pdf.svg
index f28cae7731..eb49e8e9ae 100644
--- a/apps/common/main/resources/img/doc-formats/pdf.svg
+++ b/apps/common/main/resources/img/doc-formats/pdf.svg
@@ -1,32 +1,12 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #ba4c3f;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>pdf</title>
-  <g id="pdf">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M45.5,107.1a2.6,2.6,0,0,1-.9,2.1,3.5,3.5,0,0,1-2.4.8h-.8v3H39.6v-8.6h2.7a4,4,0,0,1,2.4.7A2.6,2.6,0,0,1,45.5,107.1Zm-4.1,1.4H42c.6,0,1-.1,1.2-.4a1.1,1.1,0,0,0,.5-.9,1.3,1.3,0,0,0-.4-1,1.6,1.6,0,0,0-1.1-.3h-.8Z"/>
-      <path class="cls-4" d="M54.2,108.6a4.5,4.5,0,0,1-1.2,3.3,5.1,5.1,0,0,1-3.5,1.1H47.1v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A4.5,4.5,0,0,1,54.2,108.6Zm-1.9.1c0-1.9-.8-2.8-2.4-2.8h-1v5.6h.8C51.5,111.5,52.3,110.6,52.3,108.7Z"/>
-      <path class="cls-4" d="M57.8,113H56v-8.6h4.9v1.5H57.8v2.2h2.9v1.5H57.8Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+<symbol id="svg-format-pdf">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #ba4c3f"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M45.5,107.1a2.7,2.7,0,0,1-.9,2.1,3.5,3.5,0,0,1-2.4.8h-.8v3H39.6v-8.6h2.7a4,4,0,0,1,2.4.7A2.8,2.8,0,0,1,45.5,107.1Zm-4.1,1.4H42c.6,0,1-.1,1.2-.4a1.1,1.1,0,0,0,.5-.9,1.3,1.3,0,0,0-.4-1,2,2,0,0,0-1.1-.3h-.8Z" style="fill: #fff"/>
+      <path d="M54.2,108.6a4.5,4.5,0,0,1-1.2,3.3,4.9,4.9,0,0,1-3.5,1.1H47.1v-8.6h2.7a4.9,4.9,0,0,1,3.3,1.1A5.1,5.1,0,0,1,54.2,108.6Zm-1.9.1c0-1.9-.8-2.8-2.4-2.8h-1v5.6h.8C51.5,111.5,52.3,110.6,52.3,108.7Z" style="fill: #fff"/>
+      <path d="M57.8,113H56v-8.6h4.9v1.5H57.8v2.2h2.9v1.5H57.8Z" style="fill: #fff"/>
     </g>
-    <path id="path4463" class="cls-4" d="M40.4,66.7c1.6-3.2,3.4-6.7,4.9-10.2h0l.6-1.4c-1.9-7.3-3.1-13.1-2-16.9h0a2.5,2.5,0,0,1,2.6-1.5h.9c1.6,0,2.4,2,2.5,2.9h0a10.8,10.8,0,0,1-.5,3.6h0a9.5,9.5,0,0,0-.5-3.7h0c-.7-1.5-1.4-2.4-2-2.5h0a1.9,1.9,0,0,0-.7,1.4h0c-.1,1.1-.2,2.1-.2,3.2h0A37.6,37.6,0,0,0,47.5,51h0c.1-.5.3-1,.4-1.5h0l1.5-5.9h0a79.7,79.7,0,0,1-.8,8.8h0l-.3,1.3h0a29.2,29.2,0,0,0,7.4,11.5h0A24.9,24.9,0,0,0,60,68.1h0a63.6,63.6,0,0,1,8.7-.6h0c3.2,0,5.6.5,6.6,1.5h0a2.4,2.4,0,0,1,.7,1.6h0c0,.4-.1.7-.1,1h0c0-.2,0-1-2.6-1.9h0c-2.1-.6-6-.6-10.6-.1h0c5.3,2.6,10.6,4,12.3,3.2h0l.9-.9h0a10.4,10.4,0,0,1-.6,1.6h0a1.8,1.8,0,0,1-1.2.9h0c-2.7.7-9.5-.9-15.5-4.3h0a123.9,123.9,0,0,0-19.8,4.7h0C33,84.9,28.7,89.5,25.2,87.8h0l-1.3-.7a1.4,1.4,0,0,1-.5-1.6h0c.4-2,2.9-5,8-8.1h0l3-1.6h0l-2.2,2.1h0c-4,3.3-7,7.5-6.9,9.1h0c3.4-.5,8.5-7.5,15.1-20.4m2.1,1.1-3.2,5.8h0a81.1,81.1,0,0,1,17.1-4.9h0L54.3,67h0A29.8,29.8,0,0,1,47,57.7h0a100.4,100.4,0,0,1-4.5,10.1"/>
-  </g>
+    <path id="path4463" d="M40.4,66.7c1.6-3.2,3.4-6.7,4.9-10.2h0l.6-1.4c-1.9-7.3-3.1-13.1-2-16.9h0a2.5,2.5,0,0,1,2.6-1.5h.9c1.6,0,2.4,2,2.5,2.9h0a11.2,11.2,0,0,1-.5,3.6h0a9.2,9.2,0,0,0-.5-3.7h0c-.7-1.5-1.4-2.4-2-2.5h0a1.9,1.9,0,0,0-.7,1.4h0c-.1,1.1-.2,2.1-.2,3.2h0A37.6,37.6,0,0,0,47.5,51h0c.1-.5.3-1,.4-1.5h0l1.5-5.9h0a87.2,87.2,0,0,1-.8,8.8h0l-.3,1.3h0a29.2,29.2,0,0,0,7.4,11.5h0A24.9,24.9,0,0,0,60,68.1h0a63.6,63.6,0,0,1,8.7-.6h0c3.2,0,5.6.5,6.6,1.5h0a2.4,2.4,0,0,1,.7,1.6h0c0,.4-.1.7-.1,1h0c0-.2,0-1-2.6-1.9h0c-2.1-.6-6-.6-10.6-.1h0c5.3,2.6,10.6,4,12.3,3.2h0l.9-.9h0l-.6,1.6h0a1.6,1.6,0,0,1-1.2.9h0c-2.7.7-9.5-.9-15.5-4.3h0a123.9,123.9,0,0,0-19.8,4.7h0C33,84.9,28.7,89.5,25.2,87.8h0l-1.3-.7a1.4,1.4,0,0,1-.5-1.6h0c.4-2,2.9-5,8-8.1h0l3-1.6h0l-2.2,2.1h0c-4,3.3-7,7.5-6.9,9.1h0c3.4-.5,8.5-7.5,15.1-20.4m2.1,1.1-3.2,5.8h0a77.8,77.8,0,0,1,17.1-4.9h0L54.3,67h0A30.1,30.1,0,0,1,47,57.7h0a100.4,100.4,0,0,1-4.5,10.1" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/pdfa.svg b/apps/common/main/resources/img/doc-formats/pdfa.svg
index 8c8d17452a..bb7392f73c 100644
--- a/apps/common/main/resources/img/doc-formats/pdfa.svg
+++ b/apps/common/main/resources/img/doc-formats/pdfa.svg
@@ -1,38 +1,18 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #ba4c3f;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>pdfa</title>
-  <g id="pdf">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M38.9,107.1a2.6,2.6,0,0,1-.9,2.1,3.6,3.6,0,0,1-2.4.8h-.8v3H33v-8.6h2.7a4.3,4.3,0,0,1,2.4.7A2.6,2.6,0,0,1,38.9,107.1Zm-4.1,1.4h.6a1.6,1.6,0,0,0,1.2-.4,1,1,0,0,0,.4-.9,1.3,1.3,0,0,0-.3-1,1.6,1.6,0,0,0-1.1-.3h-.8Z"/>
-      <path class="cls-4" d="M47.6,108.6a4.5,4.5,0,0,1-1.2,3.3,5.2,5.2,0,0,1-3.5,1.1H40.5v-8.6h2.7a4.4,4.4,0,0,1,3.2,1.1A4.1,4.1,0,0,1,47.6,108.6Zm-1.9.1c0-1.9-.8-2.8-2.4-2.8h-1v5.6h.8C44.8,111.5,45.7,110.6,45.7,108.7Z"/>
-      <path class="cls-4" d="M51.2,113H49.4v-8.6h4.9v1.5H51.2v2.2h2.9v1.5H51.2Z"/>
-      <path class="cls-4" d="M59.8,104.4,56.6,113H55l3.2-8.6Z"/>
-      <path class="cls-4" d="M66.2,113l-.7-2H62.4l-.6,2h-2l3.1-8.6h2.2l3,8.6Zm-1.1-3.6c-.6-1.8-.9-2.9-1-3.1s-.1-.4-.1-.6-.5,1.8-1.1,3.7Z"/>
-    </g>
-    <path id="path4463" class="cls-4" d="M40.4,66.7c1.6-3.2,3.4-6.7,4.9-10.2h0l.6-1.4c-1.9-7.3-3.1-13.1-2-16.9h0a2.5,2.5,0,0,1,2.6-1.5h.9c1.6,0,2.4,2,2.5,2.9h0a10.8,10.8,0,0,1-.5,3.6h0a9.5,9.5,0,0,0-.5-3.7h0c-.7-1.5-1.4-2.4-2-2.5h0a1.9,1.9,0,0,0-.7,1.4h0c-.1,1.1-.2,2.1-.2,3.2h0A37.6,37.6,0,0,0,47.5,51h0c.1-.5.3-1,.4-1.5h0l1.5-5.9h0a79.7,79.7,0,0,1-.8,8.8h0l-.3,1.3h0a29.2,29.2,0,0,0,7.4,11.5h0A24.9,24.9,0,0,0,60,68.1h0a63.6,63.6,0,0,1,8.7-.6h0c3.2,0,5.6.5,6.6,1.5h0a2.4,2.4,0,0,1,.7,1.6h0c0,.4-.1.7-.1,1h0c0-.2,0-1-2.6-1.9h0c-2.1-.6-6-.6-10.6-.1h0c5.3,2.6,10.6,4,12.3,3.2h0l.9-.9h0a10.4,10.4,0,0,1-.6,1.6h0a1.8,1.8,0,0,1-1.2.9h0c-2.7.7-9.5-.9-15.5-4.3h0a123.9,123.9,0,0,0-19.8,4.7h0C33,84.9,28.7,89.5,25.2,87.8h0l-1.3-.7a1.4,1.4,0,0,1-.5-1.6h0c.4-2,2.9-5,8-8.1h0l3-1.6h0l-2.2,2.1h0c-4,3.3-7,7.5-6.9,9.1h0c3.4-.5,8.5-7.5,15.1-20.4m2.1,1.1-3.2,5.8h0a81.1,81.1,0,0,1,17.1-4.9h0L54.3,67h0A29.8,29.8,0,0,1,47,57.7h0a100.4,100.4,0,0,1-4.5,10.1"/>
-    <g>
-      <rect class="cls-4" x="60" y="36.7" width="16" height="12.77" rx="2" ry="2"/>
-      <path class="cls-1" d="M70.8,47.3l-1-2.7H66.6l-1,2.7h-1l3.2-8.6h.8l3.2,8.6Zm-1.3-3.6L68.6,41a8.3,8.3,0,0,1-.4-1.2c-.1.3-.2.8-.3,1.2l-1,2.7Z"/>
-    </g>
-  </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+    <symbol id="svg-format-pdfa">
+        <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #ba4c3f"/>
+        <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+        <g>
+            <path d="M38.9,107.1a2.7,2.7,0,0,1-.9,2.1,4.1,4.1,0,0,1-2.4.8h-.8v3H33v-8.6h2.7a4,4,0,0,1,2.4.7A2.8,2.8,0,0,1,38.9,107.1Zm-4.1,1.4h.6a1.7,1.7,0,0,0,1.2-.4,1.1,1.1,0,0,0,.4-.9,1.7,1.7,0,0,0-.3-1,2,2,0,0,0-1.1-.3h-.8Z" style="fill: #fff"/>
+            <path d="M47.6,108.6a4.5,4.5,0,0,1-1.2,3.3,4.9,4.9,0,0,1-3.5,1.1H40.5v-8.6h2.7a4.2,4.2,0,0,1,3.2,1.1A3.9,3.9,0,0,1,47.6,108.6Zm-1.9.1c0-1.9-.8-2.8-2.4-2.8h-1v5.6h.8C44.8,111.5,45.7,110.6,45.7,108.7Z" style="fill: #fff"/>
+            <path d="M51.2,113H49.4v-8.6h4.9v1.5H51.2v2.2h2.9v1.5H51.2Z" style="fill: #fff"/>
+            <path d="M59.8,104.4,56.6,113H55l3.2-8.6Z" style="fill: #fff"/>
+            <path d="M66.2,113l-.7-2H62.4l-.6,2h-2l3.1-8.6h2.2l3,8.6Zm-1.1-3.6c-.6-1.8-.9-2.9-1-3.1a1.3,1.3,0,0,1-.1-.6c0-.2-.5,1.8-1.1,3.7Z" style="fill: #fff"/>
+        </g>
+        <path id="path4463" d="M40.4,66.7c1.6-3.2,3.4-6.7,4.9-10.2h0l.6-1.4c-1.9-7.3-3.1-13.1-2-16.9h0a2.5,2.5,0,0,1,2.6-1.5h.9c1.6,0,2.4,2,2.5,2.9h0a11.2,11.2,0,0,1-.5,3.6h0a9.2,9.2,0,0,0-.5-3.7h0c-.7-1.5-1.4-2.4-2-2.5h0a1.9,1.9,0,0,0-.7,1.4h0c-.1,1.1-.2,2.1-.2,3.2h0A37.6,37.6,0,0,0,47.5,51h0c.1-.5.3-1,.4-1.5h0l1.5-5.9h0a87.2,87.2,0,0,1-.8,8.8h0l-.3,1.3h0a29.2,29.2,0,0,0,7.4,11.5h0A24.9,24.9,0,0,0,60,68.1h0a63.6,63.6,0,0,1,8.7-.6h0c3.2,0,5.6.5,6.6,1.5h0a2.4,2.4,0,0,1,.7,1.6h0c0,.4-.1.7-.1,1h0c0-.2,0-1-2.6-1.9h0c-2.1-.6-6-.6-10.6-.1h0c5.3,2.6,10.6,4,12.3,3.2h0l.9-.9h0l-.6,1.6h0a1.6,1.6,0,0,1-1.2.9h0c-2.7.7-9.5-.9-15.5-4.3h0a123.9,123.9,0,0,0-19.8,4.7h0C33,84.9,28.7,89.5,25.2,87.8h0l-1.3-.7a1.4,1.4,0,0,1-.5-1.6h0c.4-2,2.9-5,8-8.1h0l3-1.6h0l-2.2,2.1h0c-4,3.3-7,7.5-6.9,9.1h0c3.4-.5,8.5-7.5,15.1-20.4m2.1,1.1-3.2,5.8h0a77.8,77.8,0,0,1,17.1-4.9h0L54.3,67h0A30.1,30.1,0,0,1,47,57.7h0a100.4,100.4,0,0,1-4.5,10.1" style="fill: #fff"/>
+        <g>
+            <rect x="60" y="36.7" width="16" height="12.77" rx="2" ry="2" style="fill: #fff"/>
+            <path d="M70.8,47.3l-1-2.7H66.6l-1,2.7h-1l3.2-8.6h.8l3.2,8.6Zm-1.3-3.6L68.6,41a5.6,5.6,0,0,1-.4-1.2c-.1.3-.2.8-.3,1.2l-1,2.7Z" style="fill: #ba4c3f"/>
+        </g>
+    </symbol>
+</svg>
\ No newline at end of file
diff --git a/apps/common/main/resources/img/doc-formats/pptx.svg b/apps/common/main/resources/img/doc-formats/pptx.svg
index 72e1d05ecc..9b8a9c3f2c 100644
--- a/apps/common/main/resources/img/doc-formats/pptx.svg
+++ b/apps/common/main/resources/img/doc-formats/pptx.svg
@@ -1,37 +1,18 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #dd682b;
-      }
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>pptx</title>
-  <g id="pptx">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M42,107.1a2.6,2.6,0,0,1-.9,2.1,3.6,3.6,0,0,1-2.4.8h-.8v3H36.1v-8.6h2.7a4.3,4.3,0,0,1,2.4.7A2.6,2.6,0,0,1,42,107.1Zm-4.1,1.4h.6a1.5,1.5,0,0,0,1.2-.4,1.1,1.1,0,0,0,.5-.9,1.3,1.3,0,0,0-.4-1,1.6,1.6,0,0,0-1.1-.3h-.8Z"/>
-      <path class="cls-4" d="M49.5,107.1a2.9,2.9,0,0,1-.8,2.1,3.7,3.7,0,0,1-2.5.8h-.8v3H43.6v-8.6h2.7a3.8,3.8,0,0,1,2.4.7A2.3,2.3,0,0,1,49.5,107.1Zm-4.1,1.4H46a1.7,1.7,0,0,0,1.3-.4,1.3,1.3,0,0,0,.4-.9,1.1,1.1,0,0,0-.4-1,1.6,1.6,0,0,0-1.1-.3h-.8Z"/>
-      <path class="cls-4" d="M54.4,113H52.6v-7.1H50.3v-1.5h6.5v1.5H54.4Z"/>
-      <path class="cls-4" d="M65,113H62.9l-2-3.2L59,113H57l2.9-4.4-2.7-4.2h2l1.8,3.1,1.9-3.1h1.9l-2.7,4.3Z"/>
+  <symbol id="svg-format-pptx">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #dd682b"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M42,107.1a2.7,2.7,0,0,1-.9,2.1,4.1,4.1,0,0,1-2.4.8h-.8v3H36.1v-8.6h2.7a4,4,0,0,1,2.4.7A2.8,2.8,0,0,1,42,107.1Zm-4.1,1.4h.6a1.4,1.4,0,0,0,1.2-.4,1.1,1.1,0,0,0,.5-.9,1.3,1.3,0,0,0-.4-1,2,2,0,0,0-1.1-.3h-.8Z" style="fill: #fff"/>
+      <path d="M49.5,107.1a3.2,3.2,0,0,1-.8,2.1,3.8,3.8,0,0,1-2.5.8h-.8v3H43.6v-8.6h2.7a4,4,0,0,1,2.4.7A2.2,2.2,0,0,1,49.5,107.1Zm-4.1,1.4H46a1.6,1.6,0,0,0,1.3-.4,1.5,1.5,0,0,0,.4-.9,1,1,0,0,0-.4-1,2,2,0,0,0-1.1-.3h-.8Z" style="fill: #fff"/>
+      <path d="M54.4,113H52.6v-7.1H50.3v-1.5h6.5v1.5H54.4Z" style="fill: #fff"/>
+      <path d="M65,113H62.9l-2-3.2L59,113H57l2.9-4.4-2.7-4.2h2l1.8,3.1,1.9-3.1h1.9l-2.7,4.3Z" style="fill: #fff"/>
     </g>
-    <path class="cls-4" d="M50,69A16,16,0,0,0,66,53H50V37a16,16,0,0,0,0,32Z"/>
-    <path class="cls-4" d="M53,34V50H69A16,16,0,0,0,53,34Z"/>
-    <rect class="cls-4" x="25" y="89" width="50" height="2"/>
-    <rect class="cls-4" x="25" y="83" width="50" height="2"/>
-    <rect class="cls-4" x="25" y="77" width="50" height="2"/>
-  </g>
+    <path d="M50,69A16,16,0,0,0,66,53H50V37a16,16,0,0,0,0,32Z" style="fill: #fff"/>
+    <path d="M53,34V50H69A16,16,0,0,0,53,34Z" style="fill: #fff"/>
+    <rect x="25" y="89" width="50" height="2" style="fill: #fff"/>
+    <rect x="25" y="83" width="50" height="2" style="fill: #fff"/>
+    <rect x="25" y="77" width="50" height="2" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/rtf.svg b/apps/common/main/resources/img/doc-formats/rtf.svg
index f89f74108a..18449d99c5 100644
--- a/apps/common/main/resources/img/doc-formats/rtf.svg
+++ b/apps/common/main/resources/img/doc-formats/rtf.svg
@@ -1,41 +1,21 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #635e9b;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>rtf</title>
-  <g id="rtf">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M42.2,109.7V113H40.3v-8.6h2.5a3.7,3.7,0,0,1,2.6.7,2.1,2.1,0,0,1,.9,1.9,2.5,2.5,0,0,1-.4,1.3,4,4,0,0,1-1.2,1l2.5,3.7h-2l-2.1-3.3Zm0-1.5h.6a2.1,2.1,0,0,0,1.2-.3c.3-.1.4-.4.4-.9a.8.8,0,0,0-.4-.8,2.3,2.3,0,0,0-1.3-.3h-.5Z"/>
-      <path class="cls-4" d="M51.6,113H49.8v-7.1H47.4v-1.5h6.5v1.5H51.6Z"/>
-      <path class="cls-4" d="M57,113H55.2v-8.6h4.9v1.5H57v2.2h2.9v1.5H57Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+<symbol id="svg-format-rtf">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #635e9b"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M42.2,109.7V113H40.3v-8.6h2.5a3.5,3.5,0,0,1,2.6.7,2.1,2.1,0,0,1,.9,1.9,2,2,0,0,1-.4,1.3,4,4,0,0,1-1.2,1l2.5,3.7h-2l-2.1-3.3Zm0-1.5h.6l1.2-.3c.3-.1.4-.4.4-.9a.9.9,0,0,0-.4-.8,2.8,2.8,0,0,0-1.3-.3h-.5Z" style="fill: #fff"/>
+      <path d="M51.6,113H49.8v-7.1H47.4v-1.5h6.5v1.5H51.6Z" style="fill: #fff"/>
+      <path d="M57,113H55.2v-8.6h4.9v1.5H57v2.2h2.9v1.5H57Z" style="fill: #fff"/>
     </g>
-    <rect class="cls-4" x="49" y="38" width="25" height="2"/>
-    <rect class="cls-4" x="49" y="44" width="25" height="2"/>
-    <rect class="cls-4" x="49" y="50" width="25" height="2"/>
-    <rect class="cls-4" x="49" y="56" width="25" height="2"/>
-    <rect class="cls-4" x="25" y="62" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="68" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="74" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="80" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="86" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="38" width="20" height="20"/>
-  </g>
+    <rect x="49" y="38" width="25" height="2" style="fill: #fff"/>
+    <rect x="49" y="44" width="25" height="2" style="fill: #fff"/>
+    <rect x="49" y="50" width="25" height="2" style="fill: #fff"/>
+    <rect x="49" y="56" width="25" height="2" style="fill: #fff"/>
+    <rect x="25" y="62" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="68" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="74" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="80" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="86" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="38" width="20" height="20" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/txt.svg b/apps/common/main/resources/img/doc-formats/txt.svg
index a4dca99e4a..2dd3a92324 100644
--- a/apps/common/main/resources/img/doc-formats/txt.svg
+++ b/apps/common/main/resources/img/doc-formats/txt.svg
@@ -1,40 +1,20 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #7c7c7d;
-      }
-
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>txt</title>
-  <g id="txt">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M43.4,113H41.6v-7.1H39.3v-1.5h6.5v1.5H43.4Z"/>
-      <path class="cls-4" d="M54,113H51.9l-2-3.2-2,3.2H46l2.8-4.4-2.6-4.2h2l1.8,3.1,1.8-3.1h2l-2.7,4.3Z"/>
-      <path class="cls-4" d="M58.4,113H56.6v-7.1H54.2v-1.5h6.5v1.5H58.4Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
+<symbol id="svg-format-txt">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #7c7c7d"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M43.4,113H41.6v-7.1H39.3v-1.5h6.5v1.5H43.4Z" style="fill: #fff"/>
+      <path d="M54,113H51.9l-2-3.2-2,3.2H46l2.8-4.4-2.6-4.2h2l1.8,3.1,1.8-3.1h2l-2.7,4.3Z" style="fill: #fff"/>
+      <path d="M58.4,113H56.6v-7.1H54.2v-1.5h6.5v1.5H58.4Z" style="fill: #fff"/>
     </g>
-    <rect class="cls-4" x="25" y="38" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="44" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="50" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="56" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="62" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="68" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="74" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="80" width="49" height="2"/>
-    <rect class="cls-4" x="25" y="86" width="49" height="2"/>
-  </g>
+    <rect x="25" y="38" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="44" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="50" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="56" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="62" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="68" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="74" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="80" width="49" height="2" style="fill: #fff"/>
+    <rect x="25" y="86" width="49" height="2" style="fill: #fff"/>
+  </symbol>
 </svg>
diff --git a/apps/common/main/resources/img/doc-formats/xlsx.svg b/apps/common/main/resources/img/doc-formats/xlsx.svg
index a0944b5e4d..3cfc5a1a2b 100644
--- a/apps/common/main/resources/img/doc-formats/xlsx.svg
+++ b/apps/common/main/resources/img/doc-formats/xlsx.svg
@@ -1,33 +1,14 @@
-<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="100" height="127" viewBox="0 0 100 127">
-  <defs>
-    <style>
-      .cls-1 {
-        fill: #1f7244;
-      }
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 127" version="1.1" width="100" height="127">
 
-      .cls-2 {
-        opacity: 0.2;
-      }
-
-      .cls-2, .cls-3 {
-        isolation: isolate;
-      }
-
-      .cls-4 {
-        fill: #fff;
-      }
-    </style>
-  </defs>
-  <title>xlsx</title>
-  <g id="xlsx">
-    <path class="cls-1" d="M95,23v96a2.9,2.9,0,0,1-3,3H8a2.9,2.9,0,0,1-3-3V8A2.9,2.9,0,0,1,8,5H77Z"/>
-    <path class="cls-2" d="M95,23H80a2.9,2.9,0,0,1-3-3V5Z"/>
-    <g class="cls-3">
-      <path class="cls-4" d="M43.3,113H41.2l-2-3.2-2,3.2H35.3l2.8-4.4-2.6-4.2h2l1.8,3.1,1.8-3.1h2l-2.7,4.3Z"/>
-      <path class="cls-4" d="M44.4,113v-8.6h1.8v7.1h3.5V113Z"/>
-      <path class="cls-4" d="M56.2,110.6a2.2,2.2,0,0,1-.8,1.8,3.3,3.3,0,0,1-2.3.7,6.2,6.2,0,0,1-2.5-.5v-1.7l1.5.6h1.1l.9-.2a.9.9,0,0,0,.3-.7c0-.2,0-.3-.1-.4a.8.8,0,0,0-.4-.4l-1.1-.6a4.2,4.2,0,0,1-1.2-.7,1.6,1.6,0,0,1-.6-.8,1.8,1.8,0,0,1-.3-1.1,2.1,2.1,0,0,1,.8-1.7,2.8,2.8,0,0,1,2.1-.7l1.3.2,1.3.4-.6,1.4-1.1-.4h-.9a1,1,0,0,0-.8.3.8.8,0,0,0-.2,1l.4.4,1.1.6a3.8,3.8,0,0,1,1.7,1.1A2.3,2.3,0,0,1,56.2,110.6Z"/>
-      <path class="cls-4" d="M64.7,113H62.6l-2-3.2-2,3.2H56.7l2.8-4.4-2.6-4.2h2l1.8,3.1,1.8-3.1h2l-2.7,4.3Z"/>
+  <symbol id="svg-format-xlsx">
+    <path d="M95,23v96a2.9,2.9,0,0,1-2.8,3H8a2.9,2.9,0,0,1-3-2.8V8A2.9,2.9,0,0,1,7.8,5H77Z" style="fill: #1f7244"/>
+    <path d="M95,23H80a2.9,2.9,0,0,1-3-2.8V5Z" style="opacity: 0.20000000298023224;isolation: isolate"/>
+    <g>
+      <path d="M43.3,113H41.2l-2-3.2-2,3.2H35.3l2.8-4.4-2.6-4.2h2l1.8,3.1,1.8-3.1h2l-2.7,4.3Z" style="fill: #fff"/>
+      <path d="M44.4,113v-8.6h1.8v7.1h3.5V113Z" style="fill: #fff"/>
+      <path d="M56.2,110.6a2.3,2.3,0,0,1-.8,1.8,3.3,3.3,0,0,1-2.3.7,7,7,0,0,1-2.5-.5v-1.7l1.5.6h1.1l.9-.2a.9.9,0,0,0,.3-.7c0-.2,0-.3-.1-.4a.8.8,0,0,0-.4-.4l-1.1-.6-1.2-.7a1.6,1.6,0,0,1-.6-.8,2,2,0,0,1-.3-1.1,2.1,2.1,0,0,1,.8-1.7,2.7,2.7,0,0,1,2.1-.7l1.3.2,1.3.4-.6,1.4-1.1-.4h-.9a1.1,1.1,0,0,0-.8.3.8.8,0,0,0-.2,1l.4.4,1.1.6a3.9,3.9,0,0,1,1.7,1.1A2.3,2.3,0,0,1,56.2,110.6Z" style="fill: #fff"/>
+      <path d="M64.7,113H62.6l-2-3.2-2,3.2H56.7l2.8-4.4-2.6-4.2h2l1.8,3.1,1.8-3.1h2l-2.7,4.3Z" style="fill: #fff"/>
     </g>
-    <polygon class="cls-4" points="52.8 61.6 64 45 58.5 45 50 57.6 41.5 45 36 45 47.3 61.6 35.5 79 41 79 50 65.7 59 79 64.5 79 52.8 61.6"/>
-  </g>
+    <polygon points="52.8 61.6 64 45 58.5 45 50 57.6 41.5 45 36 45 47.3 61.6 35.5 79 41 79 50 65.7 59 79 64.5 79 52.8 61.6" style="fill: #fff"/>
+  </symbol>
 </svg>