replace fontawesome play icon by a svg

css/styles.css

@@ -673,10 +673,18 @@ img {
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
-    color: white;
-    font-size: 50px;
+    width: 50px;
+    height: 50px;
     opacity: 1;
-    transition: opacity 0.3s;
+    background-image: url('../img/play-icon.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
+}
+
+/* Cacher l'icône Font Awesome originale */
+.video-play-icon i {
+    display: none;
 }
 
 .video-info {

img/play-icon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="50px" height="50px">
+  <!-- Cercle rouge -->
+  <circle cx="256" cy="256" r="240" fill="#FF0000"/>
+  <!-- Triangle blanc (forme play) -->
+  <path d="M203.691 395.025C194.731 400.206 183.2 393.695 183.2 383.164V128.836C183.2 118.305 194.731 111.794 203.691 116.975L382.293 243.638C390.253 248.264 390.253 263.736 382.293 268.362L203.691 395.025Z" fill="white"/>
+</svg>