Magento2 - How can I convert default Magento cart icon into simple text like Cart?

Question

I need to convert the cart icon having the following CSS

.minicart-wrapper .action.showcart:before{
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
content: '\e611';
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;}

into simple text like Cart(0)

Answer 1

You can hide icon using CSS, please don't remove the class action show cart from your override phtml file i.e <a class="action showcart" href="<?= $block->escapeUrl($block->getShoppingCartUrl()) ?>" it will remove the icon but pop up will not open.

please try the below CSS to remove cart icon.

.minicart-wrapper .action.showcart::before,
.minicart-wrapper .action.showcart.active::before{
    display: none;
}

Answer 2

The CSS property content is creating a cart icon just remove it

.minicart-wrapper .action.showcart:before{
font-size: 35px;
line-height: 33px;
color: #8f8f8f;
font-family: 'icons-blank-theme';
margin: 0;
vertical-align: top;
display: inline-block;