diff --git a/templates/icons/ammyy.png b/templates/icons/ammyy.png
new file mode 100644
index 0000000..d3a21b8
Binary files /dev/null and b/templates/icons/ammyy.png differ
diff --git a/templates/icons/anydesk.png b/templates/icons/anydesk.png
new file mode 100644
index 0000000..9379a19
Binary files /dev/null and b/templates/icons/anydesk.png differ
diff --git a/templates/icons/rdp.png b/templates/icons/rdp.png
new file mode 100644
index 0000000..9ac5af8
Binary files /dev/null and b/templates/icons/rdp.png differ
diff --git a/templates/icons/rustdesk.png b/templates/icons/rustdesk.png
new file mode 100644
index 0000000..7e6a06f
Binary files /dev/null and b/templates/icons/rustdesk.png differ
diff --git a/templates/icons/vnc.png b/templates/icons/vnc.png
new file mode 100644
index 0000000..76233c2
Binary files /dev/null and b/templates/icons/vnc.png differ
diff --git a/templates/index.html b/templates/index.html
index 1e88875..ab55552 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -73,12 +73,12 @@
         let sortDirection = 'asc';
 
         const protocolIcons = {
-            'rustdesk': '🖥️',
-            'anydesk': '🔴',
-            'ammyy': '🟢',
-            'teamviewer': '🔵',
-            'vnc': '🟡',
-            'rdp': '🟣'
+            'rustdesk': '<img src="/icons/rustdesk.png" class="protocol-icon">',
+            'anydesk': '<img src="/icons/anydesk.png" class="protocol-icon">',
+            'ammyy': '<img src="/icons/ammyy.png" class="protocol-icon">',
+            'teamviewer': '<img src="/icons/vnc.png" class="protocol-icon">',
+            'vnc': '<img src="/icons/vnc.png" class="protocol-icon">',
+            'rdp': '<img src="/icons/rdp.png" class="protocol-icon">'
         };
 
         const protocolLinks = {