diff --git a/apps/documenteditor/main/app/view/FileMenuPanels.js b/apps/documenteditor/main/app/view/FileMenuPanels.js
index 6c952ac80f..56a8f3bd80 100644
--- a/apps/documenteditor/main/app/view/FileMenuPanels.js
+++ b/apps/documenteditor/main/app/view/FileMenuPanels.js
@@ -668,11 +668,11 @@ define([
                 store: new Common.UI.DataViewStore(this.recent),
                 itemTemplate: _.template([
                     '<div class="recent-wrap">',
-                        '<div class="recent-icon"',
-                            '<% if ((typeof image !== "undefined") && !_.isEmpty(image)) { %> ',
-                            ' style="background-image: url(<%= image %>);background-position: center;"',
-                            '<% } %>',
-                        '></div>',
+                        '<div class="recent-icon">',
+                            '<svg>',
+                                '<use xlink:href="#svg-file-recent"></use>',
+                            '</svg>',
+                        '</div>',
                         '<div class="file-name"><% if (typeof title !== "undefined") {%><%= Common.Utils.String.htmlEncode(title || "") %><% } %></div>',
                         '<div class="file-info"><% if (typeof folder !== "undefined") {%><%= Common.Utils.String.htmlEncode(folder || "") %><% } %></div>',
                     '</div>'
diff --git a/apps/documenteditor/main/index.html b/apps/documenteditor/main/index.html
index 3430971bec..527d03ec45 100644
--- a/apps/documenteditor/main/index.html
+++ b/apps/documenteditor/main/index.html
@@ -270,6 +270,7 @@
     <img class="inline-svg" src="../../common/main/resources/img/doc-formats/rtf.svg">
     <img class="inline-svg" src="../../common/main/resources/img/doc-formats/html.svg">
     <img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
+    <img class="inline-svg" src="resources/img/recent-file.svg">
     <script>
         var svgpoints = document.querySelectorAll('img.inline-svg');
         SVGInjector(svgpoints);
diff --git a/apps/documenteditor/main/index.html.deploy b/apps/documenteditor/main/index.html.deploy
index 212a08ed6c..6ac8c4f84a 100644
--- a/apps/documenteditor/main/index.html.deploy
+++ b/apps/documenteditor/main/index.html.deploy
@@ -294,6 +294,7 @@
     <inline src="resources/img/doc-formats/blank.svg" />
     <inline src="resources/img/toolbar/shapetypes.svg" />
     <inline src="resources/img/toolbar/charttypes.svg" />
+    <inline src="resources/img/recent-file.svg" />
 
     <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
 
diff --git a/apps/documenteditor/main/index_loader.html b/apps/documenteditor/main/index_loader.html
index 85341cc767..8f6506ec02 100644
--- a/apps/documenteditor/main/index_loader.html
+++ b/apps/documenteditor/main/index_loader.html
@@ -271,6 +271,7 @@
 <img class="inline-svg" src="../../common/main/resources/img/doc-formats/rtf.svg">
 <img class="inline-svg" src="../../common/main/resources/img/doc-formats/html.svg">
 <img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
+<img class="inline-svg" src="resources/img/recent-file.svg">
 <script>
     var svgpoints = document.querySelectorAll('img.inline-svg');
     SVGInjector(svgpoints);
diff --git a/apps/documenteditor/main/index_loader.html.deploy b/apps/documenteditor/main/index_loader.html.deploy
index d723ba6929..3b8fe9b5a5 100644
--- a/apps/documenteditor/main/index_loader.html.deploy
+++ b/apps/documenteditor/main/index_loader.html.deploy
@@ -316,6 +316,7 @@
     <inline src="resources/img/doc-formats/blank.svg" />
     <inline src="resources/img/toolbar/shapetypes.svg" />
     <inline src="resources/img/toolbar/charttypes.svg" />
+    <inline src="resources/img/recent-file.svg" />
 
     <div id="viewport"></div>
     <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
diff --git a/apps/documenteditor/main/resources/img/file-recent.png b/apps/documenteditor/main/resources/img/file-recent.png
deleted file mode 100644
index eba0c2bd35..0000000000
Binary files a/apps/documenteditor/main/resources/img/file-recent.png and /dev/null differ
diff --git a/apps/documenteditor/main/resources/img/file-recent@2x.png b/apps/documenteditor/main/resources/img/file-recent@2x.png
deleted file mode 100644
index 2cd5361c20..0000000000
Binary files a/apps/documenteditor/main/resources/img/file-recent@2x.png and /dev/null differ
diff --git a/apps/documenteditor/main/resources/img/recent-file.svg b/apps/documenteditor/main/resources/img/recent-file.svg
new file mode 100644
index 0000000000..11a1850b9d
--- /dev/null
+++ b/apps/documenteditor/main/resources/img/recent-file.svg
@@ -0,0 +1,10 @@
+<svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg">
+<symbol id="svg-file-recent">
+<path d="m0 0h15v15h-15z" fill="#fff"/>
+<rect fill="#446995" height="15" rx="1" width="15"/>
+<g fill="#fff"><path d="m3 4h9v1h-9z"/>
+<path d="m3 7h9v1h-9z"/>
+<path d="m3 10h9v1h-9z"/>
+</g>
+</symbol>
+</svg>
\ No newline at end of file
diff --git a/apps/documenteditor/main/resources/less/filemenu.less b/apps/documenteditor/main/resources/less/filemenu.less
index 8cf1d774f5..f3ffcc992a 100644
--- a/apps/documenteditor/main/resources/less/filemenu.less
+++ b/apps/documenteditor/main/resources/less/filemenu.less
@@ -215,8 +215,7 @@
   }
 
   .recent-wrap {
-    height: 65px;
-    padding: 10px;
+    padding: 5px 10px;
     cursor: pointer;
     font-size: 12px;
 
@@ -227,11 +226,13 @@
 
     .recent-icon {
       float: left;
-      width: 35px;
-      height: 45px;
-      margin-right: 10px;
-      .background-ximage-v2('file-recent.png', 72px, @commonimage: false);
-      background-position: 0 0;
+      width: 25px;
+      height: 25px;
+      margin-top: 2px;
+      svg {
+        width: 100%;
+        height: 100%;
+      }
     }
 
     > div:not(:first-child) {
@@ -241,10 +242,6 @@
       text-overflow: ellipsis;
     }
 
-    .file-name {
-      margin: 5px 0;
-    }
-
     .file-info {
       color: #999;
     }
diff --git a/apps/presentationeditor/main/app/view/FileMenuPanels.js b/apps/presentationeditor/main/app/view/FileMenuPanels.js
index e3fbbb4e6a..fb70e61b02 100644
--- a/apps/presentationeditor/main/app/view/FileMenuPanels.js
+++ b/apps/presentationeditor/main/app/view/FileMenuPanels.js
@@ -575,11 +575,11 @@ define([
                 store: new Common.UI.DataViewStore(this.recent),
                 itemTemplate: _.template([
                     '<div class="recent-wrap">',
-                        '<div class="recent-icon"',
-                        '<% if ((typeof image !== "undefined") && !_.isEmpty(image)) { %> ',
-                        ' style="background-image: url(<%= image %>);background-position: center;"',
-                        '<% } %>',
-                        '></div>',
+                        '<div class="recent-icon">',
+                            '<svg>',
+                                '<use xlink:href="#svg-file-recent"></use>',
+                            '</svg>',
+                        '</div>',
                         '<div class="file-name"><% if (typeof title !== "undefined") {%><%= Common.Utils.String.htmlEncode(title || "") %><% } %></div>',
                         '<div class="file-info"><% if (typeof folder !== "undefined") {%><%= Common.Utils.String.htmlEncode(folder || "") %><% } %></div>',
                     '</div>'
diff --git a/apps/presentationeditor/main/index.html b/apps/presentationeditor/main/index.html
index 6b431247ef..ba53817f6e 100644
--- a/apps/presentationeditor/main/index.html
+++ b/apps/presentationeditor/main/index.html
@@ -295,6 +295,7 @@
     <img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
     <img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
     <img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
+    <img class="inline-svg" src="resources/img/recent-file.svg">
     <script>
         var svgpoints = document.querySelectorAll('img.inline-svg');
         SVGInjector(svgpoints);
diff --git a/apps/presentationeditor/main/index.html.deploy b/apps/presentationeditor/main/index.html.deploy
index 4670cd9642..a7c7e8e26b 100644
--- a/apps/presentationeditor/main/index.html.deploy
+++ b/apps/presentationeditor/main/index.html.deploy
@@ -339,6 +339,7 @@
     <inline src="resources/img/doc-formats/blank.svg" />
     <inline src="resources/img/toolbar/shapetypes.svg" />
     <inline src="resources/img/toolbar/charttypes.svg" />
+    <inline src="resources/img/recent-file.svg" />
 
     <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
 
diff --git a/apps/presentationeditor/main/index_loader.html b/apps/presentationeditor/main/index_loader.html
index d789d56807..ea20a977b2 100644
--- a/apps/presentationeditor/main/index_loader.html
+++ b/apps/presentationeditor/main/index_loader.html
@@ -259,6 +259,7 @@
 <img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
 <img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
 <img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
+<img class="inline-svg" src="resources/img/recent-file.svg">
 <script>
     var svgpoints = document.querySelectorAll('img.inline-svg');
     SVGInjector(svgpoints);
diff --git a/apps/presentationeditor/main/index_loader.html.deploy b/apps/presentationeditor/main/index_loader.html.deploy
index 7417a7cd3a..c06af9dca4 100644
--- a/apps/presentationeditor/main/index_loader.html.deploy
+++ b/apps/presentationeditor/main/index_loader.html.deploy
@@ -313,6 +313,7 @@
     <inline src="resources/img/doc-formats/blank.svg" />
     <inline src="resources/img/toolbar/shapetypes.svg" />
     <inline src="resources/img/toolbar/charttypes.svg" />
+    <inline src="resources/img/recent-file.svg" />
 
     <div id="viewport"></div>
 
diff --git a/apps/presentationeditor/main/resources/img/file-recent.png b/apps/presentationeditor/main/resources/img/file-recent.png
deleted file mode 100644
index 72d41a4444..0000000000
Binary files a/apps/presentationeditor/main/resources/img/file-recent.png and /dev/null differ
diff --git a/apps/presentationeditor/main/resources/img/file-recent@2x.png b/apps/presentationeditor/main/resources/img/file-recent@2x.png
deleted file mode 100644
index 6e378de829..0000000000
Binary files a/apps/presentationeditor/main/resources/img/file-recent@2x.png and /dev/null differ
diff --git a/apps/presentationeditor/main/resources/img/recent-file.svg b/apps/presentationeditor/main/resources/img/recent-file.svg
new file mode 100644
index 0000000000..88d9975b86
--- /dev/null
+++ b/apps/presentationeditor/main/resources/img/recent-file.svg
@@ -0,0 +1,7 @@
+<svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg">
+<symbol id="svg-file-recent">
+<path d="m0 0h15v15h-15z" fill="#fff"/>
+<rect fill="#a95153" height="15" rx="1" width="15"/>
+<path d="m2.5 3.5h10v8h-10z" stroke="#fff"/>
+</symbol>
+</svg>
\ No newline at end of file
diff --git a/apps/presentationeditor/main/resources/less/leftmenu.less b/apps/presentationeditor/main/resources/less/leftmenu.less
index 82edc91903..8b771da05c 100644
--- a/apps/presentationeditor/main/resources/less/leftmenu.less
+++ b/apps/presentationeditor/main/resources/less/leftmenu.less
@@ -283,8 +283,7 @@
             }
 
             .recent-wrap {
-                height: 65px;
-                padding: 10px;
+                padding: 5px 10px;
                 cursor: pointer;
                 font-size: 12px;
 
@@ -295,11 +294,13 @@
 
                 .recent-icon {
                     float: left;
-                    width: 35px;
-                    height: 45px;
-                    margin-right: 10px;
-                    .background-ximage-v2('file-recent.png', 38px, @commonimage: false);
-                    background-position: 0 0;
+                    width: 25px;
+                    height: 25px;
+                    margin-top: 2px;
+                    svg {
+                        width: 100%;
+                        height: 100%;
+                    }
                 }
 
                 .file-name {
@@ -307,7 +308,6 @@
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
-                    margin: 5px 0;
                 }
 
                 .file-info {
diff --git a/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js b/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
index a232f60b7d..b80f29e8f4 100644
--- a/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
+++ b/apps/spreadsheeteditor/main/app/view/FileMenuPanels.js
@@ -1392,11 +1392,11 @@ define([
                 store: new Common.UI.DataViewStore(this.recent),
                 itemTemplate: _.template([
                     '<div class="recent-wrap">',
-                        '<div class="recent-icon"',
-                        '<% if ((typeof image !== "undefined") && !_.isEmpty(image)) { %> ',
-                        ' style="background-image: url(<%= image %>);background-position: center;"',
-                        '<% } %>',
-                        '></div>',
+                        '<div class="recent-icon">',
+                            '<svg>',
+                                '<use xlink:href="#svg-file-recent"></use>',
+                            '</svg>',
+                        '</div>',
                         '<div class="file-name"><% if (typeof title !== "undefined") {%><%= Common.Utils.String.htmlEncode(title || "") %><% } %></div>',
                         '<div class="file-info"><% if (typeof folder !== "undefined") {%><%= Common.Utils.String.htmlEncode(folder || "") %><% } %></div>',
                     '</div>'
diff --git a/apps/spreadsheeteditor/main/index.html b/apps/spreadsheeteditor/main/index.html
index df089ec3ab..b63b001a9a 100644
--- a/apps/spreadsheeteditor/main/index.html
+++ b/apps/spreadsheeteditor/main/index.html
@@ -309,6 +309,7 @@
     <img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
     <img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
     <img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
+    <img class="inline-svg" src="resources/img/recent-file.svg">
     <script>
         var svgpoints = document.querySelectorAll('img.inline-svg');
         SVGInjector(svgpoints);
diff --git a/apps/spreadsheeteditor/main/index.html.deploy b/apps/spreadsheeteditor/main/index.html.deploy
index 66ddd9c6bb..5b8efe847f 100644
--- a/apps/spreadsheeteditor/main/index.html.deploy
+++ b/apps/spreadsheeteditor/main/index.html.deploy
@@ -352,6 +352,7 @@
     <inline src="resources/img/doc-formats/blank.svg" />
     <inline src="resources/img/toolbar/shapetypes.svg" />
     <inline src="resources/img/toolbar/charttypes.svg" />
+    <inline src="resources/img/recent-file.svg" />
 
     <script data-main="app" src="../../../vendor/requirejs/require.js"></script>
 </body>
diff --git a/apps/spreadsheeteditor/main/index_loader.html b/apps/spreadsheeteditor/main/index_loader.html
index 98d4369eb8..7c90b3f1b6 100644
--- a/apps/spreadsheeteditor/main/index_loader.html
+++ b/apps/spreadsheeteditor/main/index_loader.html
@@ -262,6 +262,7 @@
 <img class="inline-svg" src="../../common/main/resources/img/doc-formats/blank.svg">
 <img class="inline-svg" src="../../common/main/resources/img/toolbar/shapetypes.svg">
 <img class="inline-svg" src="../../common/main/resources/img/toolbar/charttypes.svg">
+<img class="inline-svg" src="resources/img/recent-file.svg">
 <script>
     var svgpoints = document.querySelectorAll('img.inline-svg');
     SVGInjector(svgpoints);
diff --git a/apps/spreadsheeteditor/main/index_loader.html.deploy b/apps/spreadsheeteditor/main/index_loader.html.deploy
index 551ecbf113..0f844cf6fb 100644
--- a/apps/spreadsheeteditor/main/index_loader.html.deploy
+++ b/apps/spreadsheeteditor/main/index_loader.html.deploy
@@ -313,6 +313,7 @@
     <inline src="resources/img/doc-formats/blank.svg" />
     <inline src="resources/img/toolbar/shapetypes.svg" />
     <inline src="resources/img/toolbar/charttypes.svg" />
+    <inline src="resources/img/recent-file.svg" />
 
     <div id="viewport"></div>
 
diff --git a/apps/spreadsheeteditor/main/resources/img/file-recent.png b/apps/spreadsheeteditor/main/resources/img/file-recent.png
deleted file mode 100644
index 8e7189b068..0000000000
Binary files a/apps/spreadsheeteditor/main/resources/img/file-recent.png and /dev/null differ
diff --git a/apps/spreadsheeteditor/main/resources/img/file-recent@2x.png b/apps/spreadsheeteditor/main/resources/img/file-recent@2x.png
deleted file mode 100644
index cb01599603..0000000000
Binary files a/apps/spreadsheeteditor/main/resources/img/file-recent@2x.png and /dev/null differ
diff --git a/apps/spreadsheeteditor/main/resources/img/recent-file.svg b/apps/spreadsheeteditor/main/resources/img/recent-file.svg
new file mode 100644
index 0000000000..2454629a36
--- /dev/null
+++ b/apps/spreadsheeteditor/main/resources/img/recent-file.svg
@@ -0,0 +1,11 @@
+<svg fill="none" height="15" viewBox="0 0 15 15" width="15" xmlns="http://www.w3.org/2000/svg">
+<symbol id="svg-file-recent">
+    <path d="m0 0h15v15h-15z" fill="#fff"/>
+    <rect fill="#42865e" height="15" rx="1" width="15"/>
+    <path d="m2.5 3.5h10v8h-10z" stroke="#fff"/>
+    <g fill="#fff">
+        <path d="m2 7h10v1h-10z"/>
+        <path d="m7 4h1v7h-1z"/>
+    </g>
+</symbol>
+</svg>
\ No newline at end of file
diff --git a/apps/spreadsheeteditor/main/resources/less/leftmenu.less b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
index 4ca403a1de..b023ab056e 100644
--- a/apps/spreadsheeteditor/main/resources/less/leftmenu.less
+++ b/apps/spreadsheeteditor/main/resources/less/leftmenu.less
@@ -336,8 +336,7 @@
             }
 
             .recent-wrap {
-                height: 65px;
-                padding: 10px;
+                padding: 5px 10px;
                 cursor: pointer;
                 font-size: 12px;
 
@@ -348,11 +347,13 @@
 
                 .recent-icon {
                     float: left;
-                    width: 35px;
-                    height: 45px;
-                    margin-right: 10px;
-                    .background-ximage-v2('file-recent.png', 38px, @commonimage: false);
-                    background-position: 0 0;
+                    width: 25px;
+                    height: 25px;
+                    margin-top: 2px;
+                    svg {
+                        width: 100%;
+                        height: 100%;
+                    }
                 }
 
                 .file-name {
@@ -360,7 +361,6 @@
                     overflow: hidden;
                     white-space: nowrap;
                     text-overflow: ellipsis;
-                    margin: 5px 0;
                 }
 
                 .file-info {
diff --git a/build/documenteditor.json b/build/documenteditor.json
index 4793a5c2ba..13c6c8be66 100644
--- a/build/documenteditor.json
+++ b/build/documenteditor.json
@@ -190,6 +190,12 @@
                     "cwd": "../apps/common/main/resources/img",
                     "src": "**/*.svg",
                     "dest": "../deploy/web-apps/apps/documenteditor/main/resources/img"
+                },
+                {
+                    "expand": true,
+                    "cwd": "../apps/documenteditor/main/resources/img",
+                    "src": "**/*.svg",
+                    "dest": "../deploy/web-apps/apps/documenteditor/main/resources/img"
                 }
             ],
             "clean": [
diff --git a/build/presentationeditor.json b/build/presentationeditor.json
index f5263ba0e4..29bf6d14cf 100644
--- a/build/presentationeditor.json
+++ b/build/presentationeditor.json
@@ -184,6 +184,12 @@
                     "cwd": "../apps/common/main/resources/img",
                     "src": "**/*.svg",
                     "dest": "../deploy/web-apps/apps/presentationeditor/main/resources/img"
+                },
+                {
+                    "expand": true,
+                    "cwd": "../apps/presentationeditor/main/resources/img",
+                    "src": "**/*.svg",
+                    "dest": "../deploy/web-apps/apps/presentationeditor/main/resources/img"
                 }
             ],
             "clean": [
diff --git a/build/spreadsheeteditor.json b/build/spreadsheeteditor.json
index 62a6924b00..8c95362b89 100644
--- a/build/spreadsheeteditor.json
+++ b/build/spreadsheeteditor.json
@@ -198,6 +198,12 @@
                     "cwd": "../apps/common/main/resources/img",
                     "src": "**/*.svg",
                     "dest": "../deploy/web-apps/apps/spreadsheeteditor/main/resources/img"
+                },
+                {
+                    "expand": true,
+                    "cwd": "../apps/spreadsheeteditor/main/resources/img",
+                    "src": "**/*.svg",
+                    "dest": "../deploy/web-apps/apps/spreadsheeteditor/main/resources/img"
                 }
             ],
             "clean": [