WooCommerce and Elementor Menu Cart Square and No Icon

Fix the square without the icon of WooCommerce and Elementor.

This is a code work around for the square without the logo inside the menu item cart in elementor woocommerce. 

I added a class of .font-awesome-cart on my menu cart icon and used the following CSS.

.font-awesome-cart i{
font-family: "Font Awesome 5 Free";
.elementor-widget-woocommerce-menu-cart.toggle-icon--bag-solid .elementor-menu-cart__toggle .elementor-button-icon i:before{
content: "f07a"!important;

This is the JavaScript. 

jQuery( document ).ready(function() {
jQuery('.font-awesome-cart .eicon').addClass('fa').addClass('fa-shopping-cart').removeClass('eicon');