Update templates/cart.html

templates/cart.html

@@ -374,12 +374,13 @@
                 </div>
                 <div class="cart-item-actions">
                     <div>
+                      <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
+
                       <button class="remove-icon" onclick="removeItemFromCart('{{ item.Name }}')">
-                        <!-- SVG Recycle Bin Icon -->
-                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
-                          <path d="M6 19C6 20.1 6.9 21 8 21H16C17.1 21 18 20.1 18 19V7H6V19ZM8 3C8 2.45 8.45 2 9 2H15C15.55 2 16 2.45 16 3V5H8V3Z" fill="none" stroke="black" stroke-width="2"/>
-                        </svg>
+                        <i class="fas fa-recycle sky-blue-icon"></i> <!-- Sky blue recycle icon -->
                       </button>
+
+
                     </div>
 
                     <div class="text-primary" style="color: #000 !important;">  <!-- Inline style to ensure it's black -->