Add an Icon to Accordion Title (Use img tag)

#1. First, use this code to Code Injection – Footer (or Page Header Code Injection, page where you use Accordion)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("span.accordion-item__title").each(function(){
    $(this).html($(this).text());
  });
});
</script>

#2. Use this code to Custom CSS box

span.accordion-item__title {
  display: flex;
  align-items: center;
}
span.accordion-item__title img {
  width: 20px;
  height: auto;
  margin-right: 10px;
}

#3. Edit each Accordion Title, use this format

<img src="https://cdn.pixabay.com/photo/2023/12/22/09/51/ai-generated-8463482_1280.jpg"/>Accordion Item 1

#4. Result