Hello @dbrooksuk
At the moment, the icon can be changed with a bit of CSS. Something along those lines:
.woocommerce-product-gallery__trigger::before {
-webkit-mask-image: url("data:image/svg+xml,…your SVG…");
mask-image: url("data:image/svg+xml,…your SVG…");
}
Hope this points you in the right direction!
Thanks,
Eduard
Hi Eduard
According to WordPress this is the url https://website.com/wp-content/uploads/2026/06/magnifying-glass-plus-svgrepo-com.svg
How much of this needs to inserted into the code above? – sorry for the basic questions
Hello @dbrooksuk ,
Here’s the official documentation for the CSS url() function: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/Values/url_function. It should give you a good idea of how to adapt the snippet for your needs.
Thanks,
Eduard