How to replace the arrow in collapsible content with a plus and minus

[CreatorTim]

Hey, how can I replace the arrow in collapsible content?

I’d like it so that when the content is closed, there’s a plus, and when it’s opened, there’s a minus.

Exactly like it works here on this store: https://tomnoske.store/products/cinema-luts
(Just scroll all the way down to see it).

I want this to work on both desktop and mobile.

Here’s my store URL: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll all the way down to see it).

Thanks so much, I really appreciate the help.
Tim

[kazi]

@CreatorTim  You need to replace the svg icon code from liquid files.

[CreatorTim]

Could you please help me with this? How should I do it?

Thanks,
Tim

[CreatorTim]

Here's the code:

<summary id="Summary-{{ block.id }}-{{ section.id }}">
{% render 'icon-accordion', icon: block.settings.icon %}
<h3 class="accordion__title inline-richtext h4">
{{ block.settings.heading | default: block.settings.page.title | escape }}
</h3>
{{- 'icon-caret.svg' | inline_asset_content -}}
</summary>