How to change compare icon in product detailed page?

[sekhar_n]

i wanto change compare icon in product detailed page for more info please find the attached image 

Image Url

[Ksenia_Voelcker]

Can you give me your Shop Url please?

[sekhar_n]

https://vitalticks.in

[Vimal Kumar · Accepted solution]

Hi @sekhar_n ,

It is coming from following css class.

.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    content: '\f83b';
}

You can add background image in the same css.

.product-addto-links .action.tocompare:before, .moved-add-to-links .action.tocompare:before, .product-social-links .action.tocompare:before {
    background-image:../wishlist.png
}

add the image path. 

I hope it wil help you!