Distinct Icons to the left of each pop-up block on Product Information

Thanks for the advice @PaulNewton

I am using the Dawn theme and have added the pop-up blocks on the Product Information.

I have added the following code to the bottom of theme.liquid in the Layout folder of the code.


The above code added the icon found in the background-image part of the code above.

What this does is add the same icon to each pop-up, as shown in the image in the original post.

I’ve found that the other icons are in icon-accordion.liquid

Ideally, i would like to have clipboard as one of the icons, the ruler for another icon, and choose the icons for the other two popups.

I do not know how I would reference the icons stored in icon-accordion.liquid.

If I am not able to find a way to have a unique icon for each pop-up, how would I be able to reference one icon, apple for example, on the above code.

The code for apple is as follows on icon-accordion.liquid.

{%- if icon != 'none' -%}
  
{%- endif -%}

Please let me know if there is still something you believe I should add to this question.

Thank you,