maher2

Hi,

This will be the guideline for you:
You have to use this css code and put it in the custom css of Theme Options (you need to backup this code when you change or update the theme)

body .block-minicart > a .icon:before{
font-family: main-icon, sans-serif;
content: '\e94f';
}

This is the default icon. You need to change 2 values: font-family and content. These values are found in the available icon library, or you can create the new icons (it will also create these 2 values)

Default, our themes will have 2 libraries: One is main-icon (depend on each theme), other is font-awesome
1. Main-icon: you can see directly in the folder: theme/assets/vendor/main-icon/demo.html => https://prnt.sc/VLmwSzom5fek
Open that file by any browser, you will see these 2 values to change: https://prnt.sc/PfNsubzq49LS
2. font-awesome: You can go to the link of font to see: https://fontawesome.com/v4/icons/
+ font-family is font-awesome
+ press F12 to view the source => find the tag: ":content" of the icon to see the content: https://prnt.sc/iYgFI95xmLe8

Please follow then do it for your site.
Regards,
Yame