Hello @callam_kidsaw ,
This icon is used to compare products, there are several places you'll find it. You can remove all icons at one time.
Create default.xml file in Vendor/Extension/view/frontend/layout and copy the below code:
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="catalog.compare.link" remove="true" />
<referenceBlock name="catalog.compare.sidebar" remove="true"/>
<referenceBlock name="catalogsearch.product.addto.compare" remove="true"/>
<referenceBlock name="category.product.addto.compare" remove="true"/>
<referenceBlock name="crosssell.product.addto.compare" remove="true" />
<referenceBlock name="related.product.addto.compare" remove="true" />
<referenceBlock name="upsell.product.addto.compare" remove="true" />
<referenceBlock name="view.addto.compare" remove="true" />
</body>
</page>Make sure you flush Magento cache after creating this file.
I think this came with your theme, so you can follow this process to remove this icon :
- grep the class-name/text around it/any tag and search in your project from where it's phtml is coming (app/design/*).
- check if this icon has a specific block for it then you can copy that block name and add in default.xml with remove tag, if not then you can remove that code from phtml.
As there is no functionality in admin to disable this functionality so we have to do this way.
I think this will hide only particular page, and hiding by CSS is not a great idea as it will be hidden only in frontend. Rest depends on your requirement if you're fine with that, go that way.