Footer logo different to site logo

Hi, I need a logo on the footer to be different to the site logo. Where would I put the footer logo and how do I reference it? TIA.

in any component:

import myImgPath from './myimage.png';

function Footer(props) {
    return <div>....<img src={myImgPath} /></div>
}

This is, of some sorts, documented:

Many thanks