From 80730bc9b35c58b7654ba5559c9bbad20eaa52a3 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 16:08:43 -0700
Subject: [PATCH] ui: Use inline SVG icons for breadcrumbs

Tests:

- The home icon appears as before in breadcrumb in light/dark themes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 plinth/templates/breadcrumbs.html  | 4 +++-
 static/themes/default/css/main.css | 4 ++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/plinth/templates/breadcrumbs.html b/plinth/templates/breadcrumbs.html
index 1f82c72ed..a4c671686 100644
--- a/plinth/templates/breadcrumbs.html
+++ b/plinth/templates/breadcrumbs.html
@@ -2,6 +2,8 @@
 # SPDX-License-Identifier: AGPL-3.0-or-later
 {% endcomment %}
 
+{% load plinth_extras %}
+
 <nav aria-label="breadcrumb">
   <ol class="breadcrumb">
     {% for url, breadcrumb in breadcrumbs.items reversed %}
@@ -13,7 +15,7 @@
         <li class="breadcrumb-item">
           <a href="{{ url }}">
             {% if breadcrumb.url_name == 'index' %}
-              <span class="fa fa-home"></span>
+              {% icon 'home' %}
             {% else %}
               {{ breadcrumb.name }}
             {% endif %}
diff --git a/static/themes/default/css/main.css b/static/themes/default/css/main.css
index 624cba0db..0210344de 100644
--- a/static/themes/default/css/main.css
+++ b/static/themes/default/css/main.css
@@ -533,8 +533,8 @@ footer {
     --bs-breadcrumb-divider: ">";
 }
 
-.breadcrumb-item .fa-home {
-    font-size: 1.5rem;
+.breadcrumb-item .svg-icon {
+    font-size: 1.25rem;
 }
 
 .breadcrumb-item + .breadcrumb-item::before {