diff --git a/docs/images/icon_sources/file_css.svg b/docs/images/icon_sources/file_css.svg
new file mode 100644
index 00000000..762686f4
--- /dev/null
+++ b/docs/images/icon_sources/file_css.svg
@@ -0,0 +1,126 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Слой_1"
+   data-name="Слой 1"
+   viewBox="0 0 24 24"
+   version="1.1"
+   sodipodi:docname="file_css.svg"
+   inkscape:version="1.0.2 (e86c870879, 2021-01-15)">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="3840"
+     inkscape:window-height="2123"
+     id="namedview30"
+     showgrid="true"
+     inkscape:zoom="32"
+     inkscape:cx="15.184882"
+     inkscape:cy="11.280128"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:document-rotation="0"
+     inkscape:current-layer="Слой_1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid_kicad"
+       spacingx="0.5"
+       spacingy="0.5"
+       color="#9999ff"
+       opacity="0.13"
+       empspacing="2" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata43">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>add_arc</dc:title>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs157629">
+    <style
+       id="style157627">.cls-1{fill:#b9b9b9;}.cls-2{fill:#1a81c4;}.cls-3{fill:#fff;}.cls-4{fill:#545454;stroke:#545454;stroke-miterlimit:10;stroke-width:0.75px;}</style>
+  </defs>
+  <title
+     id="title157631">html</title>
+  <rect
+     class="cls-1"
+     x="3"
+     y="0"
+     width="21"
+     height="24"
+     rx="3.5044518"
+     id="rect157633"
+     style="stroke-width:0.999998" />
+  <rect
+     class="cls-2"
+     x="0"
+     y="2"
+     width="15.5"
+     height="9"
+     id="rect157635"
+     style="stroke-width:0.903207" />
+  <path
+     class="cls-4"
+     d="m 6.884917,17.091735 v -0.481468 l 3.499998,-1.902291 v 0.498663 l -3.048298,1.635713 3.048698,1.627476 v 0.523684 z"
+     id="path157645" />
+  <path
+     class="cls-4"
+     d="m 12.315515,19.5 h -0.4433 l 2.1539,-6.088054 h 0.4593 z"
+     id="path157647" />
+  <path
+     class="cls-4"
+     d="m 19.472715,16.609753 v 0.481982 l -3.5,1.902292 v -0.506489 l 3.0571,-1.628196 -3.0571,-1.62758 v -0.523786 z"
+     id="path157649" />
+  <text
+     xml:space="preserve"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8px;line-height:1.25;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none"
+     x="2.4301248"
+     y="9.0761509"
+     id="text859"><tspan
+       sodipodi:role="line"
+       id="tspan1570"
+       x="2.4301248"
+       y="9.0761509">css</tspan></text>
+  <path
+     class="cls-3"
+     d="M 2,9.0361 H 0.9267 V 8 H 2 Z"
+     id="path26647"
+     style="fill:#ffffff" />
+</svg>
diff --git a/kibot/out_navigate_results.py b/kibot/out_navigate_results.py
index c2364f08..6bb113cf 100644
--- a/kibot/out_navigate_results.py
+++ b/kibot/out_navigate_results.py
@@ -79,6 +79,7 @@ EXT_IMAGE = {'gbr': 'file_gbr',
              'step': 'file_stp',
              'stp': 'file_stp',
              'html': 'file_html',
+             'css': 'file_css',
              'xml': 'file_xml',
              'tsv': 'file_tsv',
              'xlsx': 'file_xlsx',
@@ -291,7 +292,8 @@ class Navigate_ResultsOptions(BaseOptions):
         ext = os.path.splitext(file)[1][1:].lower()
         wide = False
         # Copy the icon for this file extension
-        img = self.copy(EXT_IMAGE.get(ext, 'unknown'), MID_ICON)
+        icon_name = 'folder' if os.path.isdir(file) else EXT_IMAGE.get(ext, 'unknown')
+        img = self.copy(icon_name, MID_ICON)
         # Full name for the file
         file_full = file
         # Just the file, to display it
diff --git a/kibot/resources/images/file_css.svg b/kibot/resources/images/file_css.svg
new file mode 100644
index 00000000..dd455c4c
--- /dev/null
+++ b/kibot/resources/images/file_css.svg
@@ -0,0 +1,96 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   id="Слой_1"
+   data-name="Слой 1"
+   viewBox="0 0 24 24"
+   version="1.1">
+  <metadata
+     id="metadata43">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>html</dc:title>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs157629">
+    <style
+       id="style157627">.cls-1{fill:#b9b9b9;}.cls-2{fill:#1a81c4;}.cls-3{fill:#fff;}.cls-4{fill:#545454;stroke:#545454;stroke-miterlimit:10;stroke-width:0.75px;}</style>
+  </defs>
+  <title
+     id="title157631">html</title>
+  <rect
+     class="cls-1"
+     x="3"
+     y="0"
+     width="21"
+     height="24"
+     rx="3.5044518"
+     id="rect157633"
+     style="stroke-width:0.999998" />
+  <rect
+     class="cls-2"
+     x="0"
+     y="2"
+     width="15.5"
+     height="9"
+     id="rect157635"
+     style="stroke-width:0.903207" />
+  <path
+     class="cls-4"
+     d="m 6.884917,17.091735 v -0.481468 l 3.499998,-1.902291 v 0.498663 l -3.048298,1.635713 3.048698,1.627476 v 0.523684 z"
+     id="path157645" />
+  <path
+     class="cls-4"
+     d="m 12.315515,19.5 h -0.4433 l 2.1539,-6.088054 h 0.4593 z"
+     id="path157647" />
+  <path
+     class="cls-4"
+     d="m 19.472715,16.609753 v 0.481982 l -3.5,1.902292 v -0.506489 l 3.0571,-1.628196 -3.0571,-1.62758 v -0.523786 z"
+     id="path157649" />
+  <g
+     aria-label="css"
+     id="text859"
+     style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:8px;line-height:1.25;font-family:'Noto Sans';-inkscape-font-specification:'Noto Sans, Bold';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none">
+    <path
+       d="m 4.8301248,9.1561509 q -0.976,0 -1.512,-0.536 -0.528,-0.544 -0.528,-1.704 0,-0.8 0.272,-1.304 0.272,-0.504 0.752,-0.744 0.488,-0.24 1.12,-0.24 0.448,0 0.776,0.088 0.336,0.088 0.584,0.208 l -0.352,0.92 q -0.28,-0.112 -0.528,-0.184 -0.24,-0.072 -0.48,-0.072 -0.928,0 -0.928,1.32 0,0.656 0.24,0.968 0.248,0.312 0.688,0.312 0.376,0 0.664,-0.096 0.288,-0.104 0.56,-0.28 v 1.016 q -0.272,0.176 -0.576,0.248 -0.296,0.08 -0.752,0.08 z"
+       id="path876" />
+    <path
+       d="m 10.214124,7.7801509 q 0,0.664 -0.4719997,1.024 -0.464,0.352 -1.392,0.352 -0.456,0 -0.784,-0.064 -0.328,-0.056 -0.656,-0.192 v -0.984 q 0.352,0.16 0.76,0.264 0.408,0.104 0.72,0.104 0.352,0 0.496,-0.104 0.152,-0.104 0.152,-0.272 0,-0.112 -0.064,-0.2 -0.056,-0.088 -0.256,-0.2 -0.2,-0.112 -0.624,-0.288 -0.408,-0.176 -0.672,-0.344 -0.264,-0.176 -0.392,-0.416 -0.128,-0.248 -0.128,-0.616 0,-0.608 0.472,-0.912 0.472,-0.304 1.256,-0.304 0.408,0 0.776,0.08 0.368,0.08 0.7599997,0.264 l -0.3599997,0.856 q -0.32,-0.136 -0.608,-0.224 -0.288,-0.096 -0.584,-0.096 -0.528,0 -0.528,0.288 0,0.104 0.064,0.192 0.072,0.08 0.264,0.176 0.2,0.096 0.584,0.256 0.376,0.152 0.648,0.32 0.272,0.16 0.4159997,0.408 0.152,0.24 0.152,0.632 z"
+       id="path878" />
+    <path
+       d="m 14.190122,7.7801509 q 0,0.664 -0.472,1.024 -0.464,0.352 -1.392,0.352 -0.456,0 -0.784,-0.064 -0.328,-0.056 -0.656,-0.192 v -0.984 q 0.352,0.16 0.76,0.264 0.408,0.104 0.72,0.104 0.352,0 0.496,-0.104 0.152,-0.104 0.152,-0.272 0,-0.112 -0.064,-0.2 -0.056,-0.088 -0.256,-0.2 -0.2,-0.112 -0.624,-0.288 -0.408,-0.176 -0.672,-0.344 -0.264,-0.176 -0.392,-0.416 -0.128,-0.248 -0.128,-0.616 0,-0.608 0.472,-0.912 0.472,-0.304 1.256,-0.304 0.408,0 0.776,0.08 0.368,0.08 0.76,0.264 l -0.36,0.856 q -0.32,-0.136 -0.608,-0.224 -0.288,-0.096 -0.584,-0.096 -0.528,0 -0.528,0.288 0,0.104 0.064,0.192 0.072,0.08 0.264,0.176 0.2,0.096 0.584,0.256 0.376,0.152 0.648,0.32 0.272,0.16 0.416,0.408 0.152,0.24 0.152,0.632 z"
+       id="path880" />
+  </g>
+  <path
+     class="cls-3"
+     d="M 2,9.0361 H 0.9267 V 8 H 2 Z"
+     id="path26647"
+     style="fill:#ffffff" />
+</svg>
diff --git a/kibot/resources/images/folder.svg b/kibot/resources/images/folder.svg
new file mode 100644
index 00000000..7271aad8
--- /dev/null
+++ b/kibot/resources/images/folder.svg
@@ -0,0 +1,83 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   id="Слой_1"
+   data-name="Слой 1"
+   viewBox="0 0 16 16"
+   version="1.1"
+   sodipodi:docname="folder.svg"
+   inkscape:version="1.0.1 (c497b03c, 2020-09-10)"
+   width="16"
+   height="16">
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1035"
+     id="namedview9483"
+     showgrid="true"
+     inkscape:zoom="74.228553"
+     inkscape:cx="10.629943"
+     inkscape:cy="7.2059979"
+     inkscape:window-x="0"
+     inkscape:window-y="23"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="Слой_1"
+     inkscape:document-rotation="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid10046" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata43">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/" />
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title>folder</dc:title>
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/">
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution" />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike" />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs9472">
+    <style
+       id="style9470">.cls-1{fill:#545454;}.cls-2{fill:#1a81c4;}.cls-3{fill:#b9b9b9;}</style>
+  </defs>
+  <title
+     id="title9474">folder</title>
+  <path
+     id="path845"
+     style="fill:#545454;fill-opacity:1;stroke:none;stroke-width:0.999995"
+     d="M 2.9511719,2 A 2,2 0 0 0 1,4 2,2 0 0 0 1,4.048828 V 12 a 2,2 0 0 0 2,2 2,2 0 0 0 0.048828,0 H 13 a 2,2 0 0 0 2,-2 2,2 0 0 0 0,-0.04883 V 6 A 2,2 0 0 0 13,4 H 12.951172 8.5 L 6.5,2 H 3 a 2,2 0 0 0 -0.048828,0 z" />
+</svg>