¿Cómo configuro un evento .click() en este SVG? Hacer clic automáticamente.
<span style="margin-right: 15px;" id="play"> <svg class="speechace-playback-30" aria-label="Start playing example audio" aria-pressed="false" role="button" viewBox="0 0 30 30" tabindex="0" style="position: relative; cursor: pointer; vertical-align: middle; outline: 0px;"> <circle cx="15" cy="15" r="14" style="fill: rgb(69, 97, 26); stroke: rgb(69, 97, 26); stroke-width: 1;"></circle> <path d="M19.5,15 L12.75,11.102885682970026 L12.749999999999998,18.897114317029974 z" style="stroke: rgb(255, 255, 255); stroke-width: 1; fill: rgb(255, 255, 255); stroke-linecap: round; stroke-linejoin: round;"></path> </svg> </span>escribe esto en tu código js. Intenta cubrir svg con etiqueta div
document.getElementById("IdOfYourSvg").addEventListener("click",(event)=>{ //your logic })