How to find css class in code editor

[TrendBlend]

Hello, this class called 'material-symbols-outlined' converts my icons into text. How can I find where the code from the class is positioned, like in which file it is positioned, so I can remove it and hopefully it will not convert my icons into text anymore. I just do not know how to find the class by inspector mode. Please let me know if you know how to do that. URL: Glow Curtain: 400 LED Lights for a Magical Ambiance – InteriorGlows

[suyash1]

@TrendBlend css file is hosted on google, it is not in your theme - 

[mane]

Option 1: Use Chrome Inspector

1. Go to your website.

2. Right-click on the icon that is showing as text.

3. Click "Inspect" from the menu.

4. In the panel that opens, look for something like:

   php-template

   <span class="material-symbols-outlined">search</span>

5. Hover over that line to see where it is on the page.

6. Right-click on that line in the inspector, and choose “Reveal in Sources panel” or just note down what the class is and where it’s used.

---

Option 2: Search in Shopify Theme Files

1. Go to your Shopify admin.

2. Go to Online Store > Themes > Edit Code.

3. Press Ctrl + Shift + F (or Cmd + Shift + F on Mac) to search all theme files.

4. Search for this term:

   material-symbols-outlined

5. You might find it in these files:

   • header.liquid

   • theme.liquid

   • sections/header.liquid

   • snippets/icon-search.liquid (or a similar file)

6. When you find the code, you can:

   • Replace the <span> with an SVG or another icon method you prefer.

   • Or you can stop using the icon set completely by removing the font link.