Icone não aparecendo

Eu estou tentando adicionar o botão de editar, porem não estou conseguindo, o código esta igual ao do instrutor, e simplesmente não aparece

Codigo do ui.js

import api from "./api.js"

const ui = {
    async renderizarPensamentos(){
        const listaPensamentos = document.getElementById("lista-pensamentos")
    
        try{
            const pensamentos = await api.buscaPensamento()

            pensamentos.forEach(pensamento => {
                listaPensamentos.innerHTML += `
                <li class="li-pensamento" data-id="${pensamento.id}">
                    <img src="assets/imagens/aspas-azuis.png" alt="Aspas azuis" class="icone-aspas">
                    <div class="pensamento-conteudo">${pensamento.conteudo}</div>
                    <div class="pensamento-autoria">${pensamento.autoria}</div>
                </li>`
            });

        } catch{
            alert("Erro ao renderizar pensamentos")
        }
    },

    adicionarPensamentos(){
        const listaPensamentos = document.getElementById("lista-pensamentos")
        const li = document.createElement('li')
        li.setAttribute('data-id', pensamento.id)
        li.classList.add("li-pensamento")

        const iconeAspas = document.createElement("img")
        iconeAspas.src = "assets/imagens/aspas-azuis.png"
        iconeAspas.alt = "Aspas Azuis"
        iconeAspas.classList.add("icone-aspas")

        const pensamentoConteudo = document.createElement("div")
        pensamentoConteudo.textContent = pensamento.conteudo
        pensamentoConteudo.classList.add("pensamento-conteudo")

        const pensamentoAutoria = document.createElement("div")
        pensamentoAutoria.textContent = pensamento.autoria
        pensamentoAutoria.classList.add("pensamento-autoria")

        const botaoEditar = document.createElement("button")
        botaoEditar.classList.add("botao-editar")
        botaoEditar.onclick = () => ui.preencherFormulario(pensamento.id)

        const iconeEdit = document.createElement('img')
        iconeEdit.src = "assets/imagens/icone-editar.png"
        iconeEdit.al = "Editar"
        botaoEditar.appendChild(iconeEdit)

        const icones = document.createElement("div")
        icones.classList.add("icones")
        icones.appendChild(botaoEditar)

        li.append(iconeAspas)
        li.append(pensamentoConteudo)
        li.append(pensamentoAutoria)
        li.append(icones)

        listaPensamentos.appendChild(li)
    },

    limparPensamento(){
        document.getElementById('pensamento-form').reset();
    },

    async preencherFormulario(pensamentoId){
        const pensamento = await document.getElementById(pensamentoId)
        
        document.getElementById('pensamento-id').value = pensamento.id
        document.getElementById('pensamento-conteudo').value = pensamento.conteudo
        document.getElementById('pensamento-autoria').value = pensamento.autoria
   
    }
}

export default ui;