I’m trying to create a onload event listener for a Font Awsome icon

<nav class="key-icon">
  <i class="fa-solid fa-key fa-lg"></i>
</nav>

document.addEventListener('DOMContentLoaded', () => {
  document.querySelector('nav .key-icon svg').addEventListener('load', 
    ()=> console.log('loaded')
  )
}, false)

But it’s not working. Any ideas?