From cc716e20e4e215b1812c9b8b19681bf98a93f6e1 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 23:00:06 -0700
Subject: [PATCH] matrixsynapse: 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>
---
 .../matrixsynapse/templates/matrix-synapse-pre-setup.html      | 3 ++-
 plinth/modules/matrixsynapse/templates/matrix-synapse.html     | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/plinth/modules/matrixsynapse/templates/matrix-synapse-pre-setup.html b/plinth/modules/matrixsynapse/templates/matrix-synapse-pre-setup.html
index 5a64cb80b..057043166 100644
--- a/plinth/modules/matrixsynapse/templates/matrix-synapse-pre-setup.html
+++ b/plinth/modules/matrixsynapse/templates/matrix-synapse-pre-setup.html
@@ -5,6 +5,7 @@
 
 {% load bootstrap %}
 {% load i18n %}
+{% load plinth_extras %}
 
 {% block pagetitle %}
   <h2>{{ name }}</h2>
@@ -24,7 +25,7 @@
 
   <div class="alert alert-warning d-flex align-items-center" role="alert">
     <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>
diff --git a/plinth/modules/matrixsynapse/templates/matrix-synapse.html b/plinth/modules/matrixsynapse/templates/matrix-synapse.html
index d0842ab79..0b4183b26 100644
--- a/plinth/modules/matrixsynapse/templates/matrix-synapse.html
+++ b/plinth/modules/matrixsynapse/templates/matrix-synapse.html
@@ -5,6 +5,7 @@
 
 {% load i18n %}
 {% load static %}
+{% load plinth_extras %}
 
 {% block page_js %}
   <script src="{% static 'matrixsynapse/matrixsynapse.js' %}" defer></script>
@@ -90,7 +91,7 @@
   {% if certificate_status != "valid" %}
     <div class="alert alert-warning d-flex align-items-center" role="alert">
       <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>