diff --git a/public/scripts/app.js b/public/scripts/app.js
index 57498a3..bd2569f 100644
--- a/public/scripts/app.js
+++ b/public/scripts/app.js
@@ -155,6 +155,7 @@ function renderServers() {
 
     card.innerHTML = `
       <div class="server-card__hero"${heroStyle}>
+        <div class="server-card__icon" aria-hidden="true"></div>
         <span class="chip ${server.active ? "chip--online" : "chip--offline"}">
           ${server.active ? "En ligne" : "Hors ligne"}
         </span>
diff --git a/public/styles/app.css b/public/styles/app.css
index 46a5b82..add193f 100644
--- a/public/styles/app.css
+++ b/public/styles/app.css
@@ -427,6 +427,24 @@ input:focus {
   opacity: 0.28;
 }
 
+.server-card__icon {
+  width: 34px;
+  aspect-ratio: 1;
+  border-radius: 7px;
+  background: linear-gradient(135deg, var(--purple), var(--blue));
+  box-shadow: 0 0 24px rgba(123, 92, 255, 0.62);
+  position: relative;
+  z-index: 1;
+}
+
+.server-card__icon::before {
+  content: "";
+  position: absolute;
+  inset: 10px 9px 10px 12px;
+  background: #fff;
+  clip-path: polygon(0 0, 100% 50%, 0 100%);
+}
+
 .server-card__body {
   display: grid;
   gap: 1rem;