From a951b5f606b4e7f6e8d5a6d0523b04a408e23fc2 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 21:21:24 -0700
Subject: [PATCH] ui: Use inline SVG icons for app toolbar

Tests:

- The icons appears as before in toolbar in light/dark themes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 plinth/templates/toolbar.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/plinth/templates/toolbar.html b/plinth/templates/toolbar.html
index 78b818a83..f93c6727a 100644
--- a/plinth/templates/toolbar.html
+++ b/plinth/templates/toolbar.html
@@ -3,6 +3,7 @@
 {% endcomment %}
 
 {% load i18n %}
+{% load plinth_extras %}
 
 {% block toolbar %}
 
@@ -15,9 +16,9 @@
         <a target="_blank" rel="noopener noreferrer"
            class="btn btn-default button-secondary button-donate" role="button"
            href="{{ app_info.donation_url }}">
-          <span class="fa fa-heart"></span>
+          {% icon 'heart' %}
           {% trans "Donate" %}
-          <span class="fa fa-external-link"></span>
+          {% icon 'external-link' %}
         </a>
       {% endif %}
 
@@ -27,7 +28,7 @@
           <button type="button" class="btn btn-default dropdown-toggle"
                   data-bs-toggle="dropdown" aria-haspopup="true"
                   aria-expanded="false" id="id_extra_actions_button">
-            <span class="fa fa-cog" aria-hidden="true"></span>
+            {% icon 'cog' %}
           </button>
           <div class="dropdown-menu" aria-labelledby="id_extra_actions_button">
             {% if has_diagnostics %}