diff --git a/docs/layouts/icons/single.html b/docs/layouts/icons/single.html
index 0d791da886..e6c482cdb8 100644
--- a/docs/layouts/icons/single.html
+++ b/docs/layouts/icons/single.html
@@ -146,6 +146,26 @@ <h2 class="fs-3">Copy HTML</h2>
           {{ highlight $svgHtml "html" "" }}
         </div>
       </div>
+
+      <div class="row gx-lg-5">
+        <div class="col-lg-8">
+          <h2 class="fs-3">Related icons</h2>
+          <ul id="icons-list" class="row row-cols-3 row-cols-sm-4 row-cols-lg-5 list-unstyled list">
+            {{ $related := .Site.RegularPages.Related . -}}
+            {{- range first 15 $related -}}
+              {{- $filename := .File.TranslationBaseName -}}
+              <li class="col mb-4">
+                <a class="d-block text-body-emphasis text-decoration-none" href="{{ .RelPermalink }}">
+                  <div class="px-3 py-4 mb-2 bg-body-secondary text-center rounded">
+                    <i class="bi bi-{{ $filename }}"></i>
+                  </div>
+                  <div class="name text-muted text-decoration-none text-center pt-1">{{ $filename }}</div>
+                </a>
+              </li>
+            {{- end }}
+          </ul>
+        </div>
+      </div>
     </main>
 
     {{- partialCached "footer" . }}
diff --git a/hugo.yml b/hugo.yml
index a9749e0c57..820c826c14 100644
--- a/hugo.yml
+++ b/hugo.yml
@@ -67,3 +67,8 @@ params:
   icons:                "https://icons.getbootstrap.com/"
   swag:                 "https://cottonbureau.com/people/bootstrap"
   icons_figma:          "https://www.figma.com/community/file/1042482994486402696/Bootstrap-Icons"
+
+related:
+  indices:
+    - name: tags
+      weight: 100