diff --git a/assets/_main.scss b/assets/_main.scss
index c47103d..c2010f2 100644
--- a/assets/_main.scss
+++ b/assets/_main.scss
@@ -291,6 +291,12 @@ body[dir="rtl"] .book-menu {
   will-change: transform, margin, opacity;
 }
 
+.book-filetree-icon {
+  width: 16px;
+  height: 16px;
+  vertical-align: middle;
+}
+
 @media screen and (max-width: $mobile-breakpoint) {
   #menu-control,
   #toc-control {
diff --git a/layouts/partials/docs/header.html b/layouts/partials/docs/header.html
index 089859c..38b0796 100644
--- a/layouts/partials/docs/header.html
+++ b/layouts/partials/docs/header.html
@@ -3,7 +3,7 @@
     <img src="{{ "svg/menu.svg" | relURL }}" class="book-icon" alt="Menu" />
   </label>
 
-  <strong>{{ partial "docs/title" . }}</strong>
+  <strong>{{ partial "docs/title-with-icon" . }}</strong>
 
   <label for="toc-control">
     {{ if default true (default .Site.Params.BookToC .Params.BookToC) }}
diff --git a/layouts/partials/docs/menu-filetree.html b/layouts/partials/docs/menu-filetree.html
index 1494588..e366b88 100644
--- a/layouts/partials/docs/menu-filetree.html
+++ b/layouts/partials/docs/menu-filetree.html
@@ -32,18 +32,18 @@
     <input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} />
     <label for="section-{{ md5 .Page }}" class="flex justify-between">
       <a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="{{ if $current }}active{{ end }}">
-        {{- partial "docs/title" .Page -}}
+        {{- partial "docs/title-with-icon" .Page -}}
       </a>
     </label>
   {{ else if .Page.Params.BookHref }}
     <a href="{{ .Page.Params.BookHref }}" class="{{ if $current }}active{{ end }}" target="_blank" rel="noopener">
-      {{- partial "docs/title" .Page -}}
+      {{- partial "docs/title-with-icon" .Page -}}
     </a>
   {{ else if .Page.Content }}
     <a href="{{ .Page.RelPermalink }}" class="{{ if $current }}active{{ end }}">
-      {{- partial "docs/title" .Page -}}
+      {{- partial "docs/title-with-icon" .Page -}}
     </a>
   {{ else }}
-    <span>{{- partial "docs/title" .Page -}}</span>
+    <span>{{- partial "docs/title-with-icon" .Page -}}</span>
   {{ end }}
 {{ end }}
diff --git a/layouts/partials/docs/menu-hugo.html b/layouts/partials/docs/menu-hugo.html
index 5f01be0..3a25b6c 100644
--- a/layouts/partials/docs/menu-hugo.html
+++ b/layouts/partials/docs/menu-hugo.html
@@ -13,7 +13,7 @@
     <a href="{{ .URL }}" {{ with .Params.class }}class="{{ . }}"{{ end }} {{ if not .Page }}target="_blank" rel="noopener"{{ end }}>
       {{- .Pre -}}
       {{ with .Page }}
-        {{ partial "docs/title" .Page }}
+        {{ partial "docs/title-with-icon" .Page }}
       {{ else }}
         {{ .Name }}
       {{ end }}
diff --git a/layouts/partials/docs/title-with-icon.html b/layouts/partials/docs/title-with-icon.html
new file mode 100644
index 0000000..fa07b16
--- /dev/null
+++ b/layouts/partials/docs/title-with-icon.html
@@ -0,0 +1,9 @@
+{{ $title := (partial "docs/title" .) }}
+{{ $icon := "" }}
+
+{{ if .Params.Icon }}
+  {{ $icon = printf "<img src=\"%s\" class=\"book-filetree-icon\" />" .Params.Icon }}
+{{ end }}
+
+{{ $out := printf "%s %s" $icon $title | safeHTML }}
+{{ return $out }}
diff --git a/layouts/posts/list.html b/layouts/posts/list.html
index aff32f5..840b4c6 100644
--- a/layouts/posts/list.html
+++ b/layouts/posts/list.html
@@ -2,7 +2,7 @@
   {{ range sort .Paginator.Pages }}
   <article class="markdown book-post">
     <h2>
-      <a href="{{ .RelPermalink }}">{{ partial "docs/title.html" . }}</a>
+      <a href="{{ .RelPermalink }}">{{ partial "docs/title-with-icon.html" . }}</a>
     </h2>
     {{ partial "docs/post-meta" . }}
     <div class="book-post-content">