Navbar replace links with icons without

I’m trying to add a navbar but when trying ti replace navlink text with image icons, it will get all wrong especially the cart function found on Webflow tools. Currently its a text looking as seen in 1st image but I would like to achieve something similar to 2nd image. To note there is some hover effect in the background that I don’t wish the icons get effect (in this case blured). Also if possible I would like that when hovering hovering over the icons they change color.

Image 1:

Image 2: Capture

@design123 Insert image into run of text