Customize search box icon (magnifying glass)
Please let me know the best way to change the default coveo search icon to any other icon that I want for my site search box. I would like to maintain the animation that happens on click of this button as well.
You can override CSS class just like any CSS rule.
The icon is under the
.CoveoSearchButton > .coveo-icon rule, so if you create a new rule that has higher priority, it will override the image.
Use a standard
background-image: url(./yourImage.png); and adjust the
background-size property to fit your image in it.
Hope this helps!