From 66a6783a436f50019849947deb5ec2a8d4350d02 Mon Sep 17 00:00:00 2001
From: Sunil Mohan Adapa <sunil@medhas.org>
Date: Wed, 11 Mar 2026 22:22:21 -0700
Subject: [PATCH] ui: Use inline SVG icons for port fowarding info

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/templates/port-forwarding-info.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/plinth/templates/port-forwarding-info.html b/plinth/templates/port-forwarding-info.html
index 3af138b7f..777de2310 100644
--- a/plinth/templates/port-forwarding-info.html
+++ b/plinth/templates/port-forwarding-info.html
@@ -3,6 +3,7 @@
 {% endcomment %}
 
 {% load i18n %}
+{% load plinth_extras %}
 
 {% if port_forwarding_info.ports %}
   <h3>{% trans "Port Forwarding" %}</h3>
@@ -14,7 +15,7 @@
         Your FreedomBox is <a href="{{ networks_url }}">not behind a router</a>.
         No action is necessary.
       {% endblocktrans %}
-      <span class="fa fa-check" aria-hidden="true"></span>
+      {% icon 'check' %}
     </p>
   {% elif port_forwarding_info.router_configuration_type == 'dmz' %}
     <p>
@@ -23,7 +24,7 @@
         you are using the DMZ feature to forward all ports. No further router
         configuration is necessary.
       {% endblocktrans %}
-      <span class="fa fa-check" aria-hidden="true"></span>
+      {% icon 'check' %}
     </p>
   {% else %}
     <p>