WooCommerce uses a font icon for its design and you can see all the available icons here. If you found your desired icon in this list, then it’s very easy to change the “Add to Cart icon”. Just copy the 4-letter word at the bottom of the icon name and then replace it in this code:
.wc-add-to-cart-icon .add_to_cart_button.text_replaceable:before, .wc-add-to-cart-icon .single_add_to_cart_button:before {
content: "\e020";
}
You can replace the “e020” in the code above with your own word. If you didn’t find your icon here, you can add your pack of icon and then use them. Remember that that backslash is necessary at the beginning of the content.
If you’re already using a font icon like FontAwesome, then all you have to do is to go to their icons page and find the Unicode for the icon you want.
If you want to create your icon font, you can use IcoMoon. If you need more information about how to create an icon pack and use it on your website, you can see this WooCommerce documentation and IcoMoons documentation.
Hi,
Thank you for your reply.