how do i toggle between two icons without buttons?

There are many different ways you can do this…

One way is to toggle the Bootstrap display classes. Put either d-none or d-block on the SVG’s classes initially.

$('.bi').click(function(){
  $('.bi').toggleClass('d-none d-block');
})

https://codeply.com/p/FmVXaxOvoA