<div class="cart-servise">
  <i class="fas fa-arrow-circle-right"></i><br>
  <i class="fas fa-bell"></i><br>
  <i class="fas fa-bug"></i>
</div>
.cart-servise {
  text-align: center;
  width: 200px;
  height: auto;
  border: 1px solid #444;
  margin: 0 auto;
  background-color: #444;
  color: #000;
}
.cart-servise i.changed {
  color: #fff;
}
$( document ).ready(function() {
  $('.cart-servise').hover(function(){
   $(this).find('i').toggleClass('changed')
  });
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js