From fad1f7d58b134cdf95205558c2f8f675bf7416a6 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 23:12:47 -0700
Subject: [PATCH] snapshot: Use inline SVG icons

Tests:

- All the icons appear as before in both light/dark themes.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
---
 plinth/modules/snapshot/templates/snapshot_manage.html        | 4 ++--
 plinth/modules/snapshot/templates/snapshot_not_supported.html | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/plinth/modules/snapshot/templates/snapshot_manage.html b/plinth/modules/snapshot/templates/snapshot_manage.html
index 643e2f0cf..2b88fb487 100644
--- a/plinth/modules/snapshot/templates/snapshot_manage.html
+++ b/plinth/modules/snapshot/templates/snapshot_manage.html
@@ -6,6 +6,7 @@
 {% load bootstrap %}
 {% load i18n %}
 {% load static %}
+{% load plinth_extras %}
 
 {% block page_js %}
   <script src="{% static 'snapshot/snapshot.js' %}" defer></script>
@@ -58,8 +59,7 @@
                      title="{% blocktrans trimmed with number=snapshot.number %}
                            Rollback to snapshot #{{ number }}
                      {% endblocktrans %}">
-                    <span class="fa fa-repeat"
-                          aria-hidden="true"></span>
+                    {% icon 'repeat' %}
                   </a>
                 </td>
                 <td class="centered-column">
diff --git a/plinth/modules/snapshot/templates/snapshot_not_supported.html b/plinth/modules/snapshot/templates/snapshot_not_supported.html
index 9fb46a5df..9441b970f 100644
--- a/plinth/modules/snapshot/templates/snapshot_not_supported.html
+++ b/plinth/modules/snapshot/templates/snapshot_not_supported.html
@@ -5,11 +5,12 @@
 
 {% load bootstrap %}
 {% load i18n %}
+{% load plinth_extras %}
 
 {% block configuration %}
   <div id="snapshot-not-supported" class="alert alert-danger d-flex align-items-center">
     <div class="me-2">
-      <span class="fa fa-exclamation-triangle" aria-hidden="true"></span>
+      {% icon 'exclamation-triangle' %}
       <span class="visually-hidden">{% trans "Caution:" %}</span>
     </div>
     <div>