How to Remove Zoom hover on WooCommerce Products & zoom icon!

I have found an easiest way to remove hover on woocommerce products and zoom icon

To remove that zoom icon simple copy and paste the code  in addtional css:

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
display: none !important;
}

To remove Hover zoom effects Add This CSS Code:

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg { display: none !important; }