<a class="link" data-link>
    <span class="link__item" data-link-icon>Иконка 1</span>
    <span class="link__item" data-link-icon>Иконка 2</span>
</a>
.link {
    display: inline-flex;
    border: 10px solid firebrick;
}

.link__item {
    padding: 1em;
}

.link__item:first-child {
    background-color: blanchedalmond;
}

.link__item:last-child {
    background-color: lavenderblush;
}
document.addEventListener("click", (e) => {
    if(e.target.hasAttribute("data-link")) console.log("Ссылка");
    if(e.target.hasAttribute("data-link-icon")) console.log("Иконка");

    // проверяем родителя на наличие нужного нам элемента
    // if(e.target.parentElement.hasAttribute("data-link")) console.log("Родитель - нужная нам ссылка!");
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.