Hi Ariane,

Thank you for contacting WPClever Support Forum. 

We’ve received your ticket and assigned one of our developers to help you with that. 

He’ll be looking into your question and responding with specific instructions as soon as possible. 

Please stay patient as we're having very heavy workloads, it might take some time for our developers to reach back.

Best regards.

Hi Ariane,

Please try to add below CSS code to WP-Admin → Appearance → Customize → Additional CSS:

.woofc-menu-item-inner i {
    display: none !important;
}
.woofc-menu-item-inner:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 1;
    background-color: white;
    -webkit-mask-image: url('https://www.flaticon.com/svg/static/icons/svg/263/263142.svg');
    mask-image: url('https://www.flaticon.com/svg/static/icons/svg/263/263142.svg');
    mask-repeat: no-repeat;
    mask-position: center;
}

And the result https://www.screencast.com/t/k0Syelt8Cqm

If your SVG icon already in white, please use below CSS code:

.woofc-menu-item-inner i {
    display: none !important;
}
.woofc-menu-item-inner:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 10px;
    line-height: 1;
    background-image: url('your-svg-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
}