From 7c07126fe9f0693cd63bdff7c52ee89db4637104 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 22:19:04 -0700
Subject: [PATCH] dynamicdns: 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/dynamicdns/templates/dynamicdns.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/plinth/modules/dynamicdns/templates/dynamicdns.html b/plinth/modules/dynamicdns/templates/dynamicdns.html
index 79f494ece..b6a372460 100644
--- a/plinth/modules/dynamicdns/templates/dynamicdns.html
+++ b/plinth/modules/dynamicdns/templates/dynamicdns.html
@@ -5,6 +5,7 @@
 
 {% load bootstrap %}
 {% load i18n %}
+{% load plinth_extras %}
 
 {% block extra_content %}
   <h3>{% trans "Domains" %}</h3>
@@ -12,7 +13,7 @@
   <div class="btn-toolbar">
     <a href="{% url 'dynamicdns:domain-add' %}" class="btn btn-primary"
        role="button" title="{% trans 'Add Domain' %}">
-      <span class="fa fa-plus" aria-hidden="true"></span>
+      {% icon 'plus' %}
       {% trans 'Add Domain' %}
     </a>
   </div>
@@ -72,14 +73,14 @@
                    title="{% blocktrans trimmed with domain=domain.domain %}
                             Edit domain {{ domain }}
                          {% endblocktrans %}">
-                  <span class="fa fa-pencil-square-o" aria-hidden="true"></span>
+                  {% icon 'pencil-square-o' %}
                 </a>
                 <a href="{% url 'dynamicdns:domain-delete' domain.domain %}"
                    class="btn btn-default btn-sm domain-delete" role="button"
                    title="{% blocktrans trimmed with domain=domain.main %}
                           Delete domain {{ domain }}
                           {% endblocktrans %}">
-                  <span class="fa fa-trash" aria-hidden="true"></span>
+                  {% icon 'trash' %}
                 </a>
               </td>
             </tr>