MashutaKlencheva

как пример

window.addEventListener('DOMContentLoaded', function() {
  const burger = document.querySelector('.menu-button');
  burger.addEventListener('click', (e) => {
    e.currentTarget.classList.toggle('menu-button-active');
    document.querySelector('.nav').classList.toggle('nav-opened');
    
    document.querySelector('.nav').classList.contains('nav-opened')
        ? scrollLock.disablePageScroll()
        : scrollLock.enablePageScroll()
  });
});

Здравствуйте! Ответ на ваш вопрос лежит в вопросе непосредственно: обратитесь напрямую к svg по наведению на кнопку .tooltip-btn:hover .tooltip-icon, а не ко всем path

Прописать в стилях дефолтное значение свойства fill:

.spoiler__button path {
  transition: fill .7s ease-in-out;
+ fill: #ECECEC;
}