script.js

const cargarIconos = () => {
            const linkIconos = document.createElement("link");
            linkIconos.rel = "stylesheet";
            linkIconos.href = "https://cdn.jsdelivr.net/npm/devicons@1.8.0/css/devicons.min.css";
            document.head.insertBefore(linkIconos, document.head.childNodes[document.head.childNodes.length - 1].nextSibling);
        };

const $seccionHabilidades = document.querySelector("#habilidades");
        const observadorIconos = new IntersectionObserver(elementos => {
            elementos.forEach(elemento => {
                if (elemento.intersectionRatio > 0) {
                    cargarIconos();
                    observadorIconos.unobserve($seccionHabilidades);
                }
            });
        });

observadorIconos.observe($seccionHabilidades);