diff --git a/src/assets/icons/codimd-line.svg b/src/assets/icons/codimd-line.svg
new file mode 100644
index 000000000..2b0fe20ec
--- /dev/null
+++ b/src/assets/icons/codimd-line.svg
@@ -0,0 +1,19 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="180.000000pt" height="180.000000pt" viewBox="0 0 180.000000 180.000000"
+ preserveAspectRatio="xMidYMid meet">
+
+<g transform="translate(0.000000,180.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M412 1477 l-22 -23 0 -553 0 -552 25 -25 25 -25 469 3 c436 3 472 4
+488 21 17 16 18 48 21 382 l3 365 -196 0 c-182 0 -196 1 -215 20 -19 19 -20
+33 -20 215 l0 195 -278 0 c-278 0 -279 0 -300 -23z m743 -532 l0 -40 -250 0
+-250 0 -3 28 c-7 59 -15 58 255 55 l248 -3 0 -40z m3 -172 l-3 -38 -250 0
+-250 0 -3 38 -3 37 256 0 256 0 -3 -37z m-3 -168 l0 -40 -250 0 -250 0 -3 28
+c-7 59 -15 58 255 55 l248 -3 0 -40z"/>
+<path d="M1070 1315 l0 -155 155 0 c85 0 155 3 155 8 0 9 -293 302 -303 302
+-4 0 -7 -70 -7 -155z"/>
+</g>
+</svg>
diff --git a/src/assets/icons/collabora-line.svg b/src/assets/icons/collabora-line.svg
new file mode 100644
index 000000000..5c48e12f3
--- /dev/null
+++ b/src/assets/icons/collabora-line.svg
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 352.32063 472.79852">
+  <g transform="translate(-413.4349,236.56433)">
+    <polygon transform="matrix(10.216927,0,0,10.216927,237.11117,-332.2152)" style="fill:#ffffff" points="17.258,20.718 17.772,20.172 30.958,32.599 17.914,44.893 17.358,44.386"/>
+    <path d="M 436.4668,0 19.5,417.04297 19.847656,417.42969 506.66992,876.2168 529.02734,897.30078 506.66992,918.38477 25.332031,1372.0352 440.05859,1786.9551 1331.6055,895.4082 Z" transform="matrix(0.26458333,0,0,0.26458333,413.4349,-236.56433)" style="fill:#504999;fill-opacity:1;stroke-width:38.6152"/>
+    <polygon transform="matrix(10.216927,0,0,10.216927,237.11117,-332.2152)" style="fill:#c8c8c8" points="29.864,32.599 17.358,44.386 17.258,20.718"/>
+    <polygon transform="matrix(10.216927,0,0,10.216927,237.11117,-332.2152)" points="31.847,41.483 27.743,35.628 18.807,44.052" style="fill:#38257a;fill-opacity:1"/>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/drawio_app-line.svg b/src/assets/icons/drawio_app-line.svg
new file mode 100644
index 000000000..079095282
--- /dev/null
+++ b/src/assets/icons/drawio_app-line.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 161.6 161.6" style="enable-background:new 0 0 161.6 161.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#F08705;}
+	.st1{fill:#DF6C0C;}
+	.st2{fill:#FFFFFF;}
+	.st3{fill:#333333;}
+</style>
+<g>
+	<path class="st0" d="M161.6,154.7c0,3.9-3.2,6.9-6.9,6.9H6.9c-3.9,0-6.9-3.2-6.9-6.9V6.9C0,3,3.2,0,6.9,0h147.8   c3.9,0,6.9,3.2,6.9,6.9L161.6,154.7L161.6,154.7z"/>
+	<g>
+		<path class="st1" d="M161.6,154.7c0,3.9-3.2,6.9-6.9,6.9H55.3l-32.2-32.7l20-32.7l59.4-73.8l58.9,60.7L161.6,154.7z"/>
+	</g>
+	<path class="st2" d="M132.7,90.3h-17l-18-30.6c4-0.8,7-4.4,7-8.6V28c0-4.9-3.9-8.8-8.8-8.8h-30c-4.9,0-8.8,3.9-8.8,8.8v23.1   c0,4.3,3,7.8,6.9,8.6L46,90.4H29c-4.9,0-8.8,3.9-8.8,8.8v23.1c0,4.9,3.9,8.8,8.8,8.8h30c4.9,0,8.8-3.9,8.8-8.8V99.2   c0-4.9-3.9-8.8-8.8-8.8h-2.9L73.9,60h13.9l17.9,30.4h-3c-4.9,0-8.8,3.9-8.8,8.8v23.1c0,4.9,3.9,8.8,8.8,8.8h30   c4.9,0,8.8-3.9,8.8-8.8V99.2C141.5,94.3,137.6,90.3,132.7,90.3z"/>
+</g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/icons/msoffice-cloud-line.svg b/src/assets/icons/msoffice-cloud-line.svg
new file mode 100644
index 000000000..948e74a38
--- /dev/null
+++ b/src/assets/icons/msoffice-cloud-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 136 81" fill="#fff" fill-rule="evenodd" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><use xlink:href="#A" x=".5" y=".5"/><symbol id="A" overflow="visible"><path d="M124.071 40.32c.214-1.067.214-1.92.214-2.773 0-14.293-10.929-26.027-24.429-26.027-3.429 0-7.071.853-10.286 2.347C85.071 5.333 76.714 0 67.714 0c-13.5 0-24.429 11.093-25.286 25.173-1.071-.213-2.143-.213-3.214-.213-6.429 0-12.429 3.2-16.071 8.747C10.5 32.853 0 43.52 0 56.747 0 69.547 9.857 80 21.857 80h94.929l3-.64c9-2.347 15.214-10.88 15.214-20.48 0-7.893-4.286-14.933-10.929-18.56zM90 68.053h0l-13.714 3.84-24.857-9.173 24.857 3.627V33.28L60 37.12v22.4l-8.357 3.2V34.987h0l24.643-9.173L90 29.867v38.187h0 0z" fill="#de3c00" stroke="none"/></symbol></svg>
\ No newline at end of file
diff --git a/src/assets/icons/msoffice-line.svg b/src/assets/icons/msoffice-line.svg
new file mode 100644
index 000000000..ff9b12bad
--- /dev/null
+++ b/src/assets/icons/msoffice-line.svg
@@ -0,0 +1 @@
+<svg height="2500" viewBox="0 0 78.799 96" width="2052" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a" gradientUnits="userSpaceOnUse" x1="16.942" x2="85.671" y1="83.36" y2="89.583"><stop offset="0" stop-color="#f32b44"/><stop offset=".6" stop-color="#a4070a"/></linearGradient><linearGradient id="b"><stop offset="0" stop-opacity=".4"/><stop offset="1" stop-opacity="0"/></linearGradient><linearGradient id="c" gradientUnits="userSpaceOnUse" x1="63.515" x2="33.003" xlink:href="#b" y1="87.298" y2="84.535"/><linearGradient id="d" gradientUnits="userSpaceOnUse" x1="44.738" x2="-5.901" y1="-3.312" y2="71.527"><stop offset="0" stop-color="#800600"/><stop offset=".6" stop-color="#c72127"/><stop offset=".728" stop-color="#c13959"/><stop offset=".847" stop-color="#bc4b81"/><stop offset=".942" stop-color="#b95799"/><stop offset="1" stop-color="#b85ba2"/></linearGradient><linearGradient id="e" gradientUnits="userSpaceOnUse" x1="45.823" x2="35.099" xlink:href="#b" y1="-4.81" y2="11.039"/><linearGradient id="f" gradientUnits="userSpaceOnUse" x1="61.486" x2="61.486" y1="-4.887" y2="88.781"><stop offset="0" stop-color="#ffb900"/><stop offset=".166" stop-color="#ef8400"/><stop offset=".313" stop-color="#e25c01"/><stop offset=".429" stop-color="#db4401"/><stop offset=".5" stop-color="#d83b01"/></linearGradient><path d="m19.143 75.558c-2.724 0-4.945 2.121-4.945 4.753 0 1.789 1.031 3.322 2.565 4.14l19.118 10.246a10.11 10.11 0 0 0 4.969 1.303c1.164 0 2.275-.204 3.306-.562l6.531-1.814v-18.091c.027.025-31.519.025-31.545.025z" fill="url(#a)"/><path d="m19.143 75.558c-2.724 0-4.945 2.121-4.945 4.753 0 1.789 1.031 3.322 2.565 4.14l19.118 10.246a10.11 10.11 0 0 0 4.969 1.303c1.164 0 2.275-.204 3.306-.562l6.531-1.814v-18.091c.027.025-31.519.025-31.545.025z" fill="url(#c)"/><path d="m43.736.383a9.968 9.968 0 0 0 -2.777-.383c-1.56 0-3.12.307-4.522 1.022-.29.128-31.096 16.864-31.096 16.864-.423.205-.82.46-1.19.716-.052.025-.079.051-.132.077-.238.178-.45.357-.687.536-.106.077-.212.18-.291.256-.132.127-.265.255-.37.383-.37.383-1.005 1.2-1.005 1.2a9.15 9.15 0 0 0 -1.666 5.291v44.46c0 2.633 2.221 4.754 4.945 4.754.687 0 1.322-.128 1.904-.384l8.805-4.778c1.586-.766 2.856-2.07 3.517-3.68.158-.332.29-.74.37-1.15.026-.102.053-.23.053-.332 0-.05.026-.127.026-.178.027-.18.053-.384.053-.562 0-.154.027-.282.027-.435v-23.662-7.385c0-2.07.925-3.935 2.38-5.238 0 0-.688.613 0 0 .687-.613 1.586-1.15 2.644-1.507 1.057-.384 26.072-9.122 26.072-9.122v-14.744z" fill="url(#d)"/><path d="m43.736.383a9.968 9.968 0 0 0 -2.777-.383c-1.56 0-3.12.307-4.522 1.022-.29.128-31.096 16.864-31.096 16.864-.423.205-.82.46-1.19.716-.052.025-.079.051-.132.077-.238.178-.45.357-.687.536-.106.077-.212.18-.291.256-.132.127-.265.255-.37.383-.37.383-1.005 1.2-1.005 1.2a9.15 9.15 0 0 0 -1.666 5.291v44.46c0 2.633 2.221 4.754 4.945 4.754.687 0 1.322-.128 1.904-.384l8.805-4.778c1.586-.766 2.856-2.07 3.517-3.68.158-.332.29-.74.37-1.15.026-.102.053-.23.053-.332 0-.05.026-.127.026-.178.027-.18.053-.384.053-.562 0-.154.027-.282.027-.435v-23.662-7.385c0-2.07.925-3.935 2.38-5.238 0 0-.688.613 0 0 .687-.613 1.586-1.15 2.644-1.507 1.057-.384 26.072-9.122 26.072-9.122v-14.744z" fill="url(#e)"/><path d="m71.898 8.35-27.738-7.843c4.019 1.508 6.53 4.906 6.53 9.046 0 0-.025 75.2 0 77.014.027 4.088-2.67 7.589-6.53 8.892.846-.23 27.738-7.717 27.738-7.717 3.992-1.226 6.875-4.804 6.875-9.07v-61.252c.026-4.24-2.883-7.844-6.875-9.07z" fill="url(#f)"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/onlyoffice-line.svg b/src/assets/icons/onlyoffice-line.svg
new file mode 100644
index 000000000..ea9031e55
--- /dev/null
+++ b/src/assets/icons/onlyoffice-line.svg
@@ -0,0 +1,19 @@
+<svg width="72" height="67" viewBox="0 0 72 67" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5033 65.7742L1.89184 52.1805C-0.630615 50.9937 -0.630615 49.1596 1.89184 48.0808L12.201 43.3337L31.3936 52.1805C33.9161 53.3672 37.974 53.3672 40.3868 52.1805L59.5794 43.3337L69.8886 48.0808C72.411 49.2675 72.411 51.1016 69.8886 52.1805L40.2771 65.7742C37.974 66.853 33.9161 66.853 31.5033 65.7742Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5033 49.0516L1.89184 35.4578C-0.630615 34.2711 -0.630615 32.437 1.89184 31.3581L11.9817 26.719L31.5033 35.6736C34.0258 36.8603 38.0836 36.8603 40.4964 35.6736L60.0181 26.719L70.1079 31.3581C72.6304 32.5449 72.6304 34.379 70.1079 35.4578L40.4964 49.0516C37.974 50.2383 33.9161 50.2383 31.5033 49.0516Z" fill="url(#paint1_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M31.5033 32.7606L1.89184 19.1669C-0.630615 17.9801 -0.630615 16.146 1.89184 15.0672L31.5033 1.47344C34.0258 0.286685 38.0836 0.286685 40.4964 1.47344L70.1079 15.0672C72.6304 16.2539 72.6304 18.088 70.1079 19.1669L40.4964 32.7606C37.974 33.8395 33.9161 33.8395 31.5033 32.7606Z" fill="url(#paint2_linear)"/>
+<defs>
+<linearGradient id="paint0_linear" x1="35.9743" y1="78.6594" x2="35.9743" y2="29.0302" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FCC2B1"/>
+<stop offset="0.8848" stop-color="#D9420B"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="35.9743" y1="57.1713" x2="35.9743" y2="24.5316" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DEEDC9"/>
+<stop offset="0.6606" stop-color="#8BBA25"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="35.9743" y1="43.9547" x2="35.9743" y2="-0.460862" gradientUnits="userSpaceOnUse">
+<stop stop-color="#C2EBFA"/>
+<stop offset="1" stop-color="#26A8DE"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/src/assets/icons/resource-type-root-fill.svg b/src/assets/icons/resource-type-root-fill.svg
new file mode 100644
index 000000000..102abdf8b
--- /dev/null
+++ b/src/assets/icons/resource-type-root-fill.svg
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 384 512"
+   x="10"
+   version="1.1"
+   id="svg8"
+   sodipodi:docname="resource-type-root-fill.svg"
+   inkscape:version="1.1.1 (1:1.1+202109281949+c3084ef5ed)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <defs
+     id="defs12" />
+  <sodipodi:namedview
+     id="namedview10"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     showgrid="false"
+     inkscape:zoom="1.3730469"
+     inkscape:cx="191.90896"
+     inkscape:cy="256"
+     inkscape:window-width="1920"
+     inkscape:window-height="1021"
+     inkscape:window-x="0"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" />
+  <!-- Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) -->
+  <g
+     id="g6">
+    <path
+       fill="none"
+       d="M0 0h24v24H0z"
+       id="path2" />
+  </g>
+  <path
+     id="path7165-2"
+     style="fill:#00bbdb;fill-opacity:1;stroke:none;stroke-width:15.468px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
+     d="m 37.423886,409.76833 c 8.814712,-6.95646 120.222434,-71.85964 120.222434,-71.85964 l 27.07357,54.07055 25.81395,-157.15224 155.26367,5.7784 -143.93042,5.28848 L 193.22,444.46886 150.0905,358.7781 Z M 224,136 V 0 H 24 C 10.7,0 0,10.7 0,24 v 464 c 0,13.3 10.7,24 24,24 h 336 c 13.3,0 24,-10.7 24,-24 V 160 H 248 c -13.2,0 -24,-10.8 -24,-24 z M 384,121.9 V 128 H 256 V 0 h 6.1 c 6.4,0 12.5,2.5 17,7 l 97.9,98 c 4.5,4.5 7,10.6 7,16.9 z" />
+</svg>
diff --git a/src/helpers/resourceIconExtensionMapping.json b/src/helpers/resourceIconExtensionMapping.json
index de28c3dfc..860fe219d 100644
--- a/src/helpers/resourceIconExtensionMapping.json
+++ b/src/helpers/resourceIconExtensionMapping.json
@@ -79,6 +79,7 @@
 	"psd": "image",
 	"py": "code",
 	"rar": "archive",
+	"root": "root",
 	"rss": "file",
 	"scss": "code",
 	"sh": "code",