diff --git a/modules/luci-base/htdocs/luci-static/resources/icons/tunnel.svg b/modules/luci-base/htdocs/luci-static/resources/icons/tunnel.svg
index 1c29429165..bb7afef8e5 100644
--- a/modules/luci-base/htdocs/luci-static/resources/icons/tunnel.svg
+++ b/modules/luci-base/htdocs/luci-static/resources/icons/tunnel.svg
@@ -1 +1 @@
-
+
diff --git a/modules/luci-base/htdocs/luci-static/resources/icons/tunnel_disabled.svg b/modules/luci-base/htdocs/luci-static/resources/icons/tunnel_disabled.svg
index 1246eee430..9807bcb168 100644
--- a/modules/luci-base/htdocs/luci-static/resources/icons/tunnel_disabled.svg
+++ b/modules/luci-base/htdocs/luci-static/resources/icons/tunnel_disabled.svg
@@ -1 +1 @@
-
+
diff --git a/modules/luci-base/htdocs/luci-static/resources/icons/wireguard.svg b/modules/luci-base/htdocs/luci-static/resources/icons/wireguard.svg
index b82a9a74f5..acc4423d73 100644
--- a/modules/luci-base/htdocs/luci-static/resources/icons/wireguard.svg
+++ b/modules/luci-base/htdocs/luci-static/resources/icons/wireguard.svg
@@ -1,2 +1 @@
-
-
\ No newline at end of file
+
diff --git a/modules/luci-base/htdocs/luci-static/resources/icons/wireguard_disabled.svg b/modules/luci-base/htdocs/luci-static/resources/icons/wireguard_disabled.svg
new file mode 100644
index 0000000000..50aeed1460
--- /dev/null
+++ b/modules/luci-base/htdocs/luci-static/resources/icons/wireguard_disabled.svg
@@ -0,0 +1 @@
+
diff --git a/modules/luci-base/htdocs/luci-static/resources/network.js b/modules/luci-base/htdocs/luci-static/resources/network.js
index 14c7b9fcad..f7c3d4b7e5 100644
--- a/modules/luci-base/htdocs/luci-static/resources/network.js
+++ b/modules/luci-base/htdocs/luci-static/resources/network.js
@@ -2966,6 +2966,8 @@ Device = baseclass.extend(/** @lends LuCI.network.Device.prototype */ {
return 'wifi';
else if (this.dev.devtype == 'bridge' || _state.isBridge[this.device])
return 'bridge';
+ else if (this.dev.devtype == 'wireguard')
+ return 'wireguard';
else if (_state.isTunnel[this.device])
return 'tunnel';
else if (this.dev.devtype == 'vlan' || this.device.indexOf('.') > -1)
@@ -3037,6 +3039,9 @@ Device = baseclass.extend(/** @lends LuCI.network.Device.prototype */ {
case 'vlan':
return (_state.isSwitch[this.device] ? _('Switch VLAN') : _('Software VLAN'));
+ case 'wireguard':
+ return _('WireGuard Interface');
+
case 'tunnel':
return _('Tunnel Interface');
diff --git a/protocols/luci-proto-wireguard/htdocs/luci-static/resources/view/wireguard/status.js b/protocols/luci-proto-wireguard/htdocs/luci-static/resources/view/wireguard/status.js
index 21a5c403af..ff6756f051 100644
--- a/protocols/luci-proto-wireguard/htdocs/luci-static/resources/view/wireguard/status.js
+++ b/protocols/luci-proto-wireguard/htdocs/luci-static/resources/view/wireguard/status.js
@@ -128,7 +128,7 @@ return view.extend({
'click': ui.createHandlerFn(this, handleInterfaceDetails, ifaces[instanceName])
}, [
E('span', { 'class': 'ifacebadge' }, [
- E('img', { 'src': L.resource('icons', 'tunnel.svg'), 'style': 'width:32px;height:32px' }),
+ E('img', { 'src': L.resource('icons', 'wireguard.svg'), 'style': 'width:32px;height:32px' }),
'\xa0',
instanceName
]),