How to place an image in a link in the footer?

Question

Hello, I would like to link an image of the Linkedin icon with my profile link, to place it in the footer and align it to the center of the footer. What the code would look like?

footer#rodape {
    color: white;
    text-align: center;
    background: url(Background-baixo.jpg);
    padding: 40px 0;
}

<footer id='rodape'>
        <img class="rodape-baixo" src="rodape.png">
        <p>Copyright &copy; 2020 - by Bruno Menaguali</p>
        <p><a href="https://www.linkedin.com/in/bruno-menaguali/" target="_blank">LinkedIn</a></p>
    </footer>

Answer 1

Just put the image as tag content <a href="" > <img/></a>

<footer id='rodape'>
<a href="https://linkedin.com/seu-perfil"><img class="rodape-baixo" src="rodape.png"></a>        

<p>Copyright &copy; 2020 - by Bruno Menaguali</p>

<p><a href="https://www.linkedin.com/in/bruno-menaguali/" target="_blank">LinkedIn</a></p>

</footer>

Answer 2

Dude, you have to use Font Awesome recommend fontawesome.bootstrapcheatsheets.com just search for the icon you want on the site and put

Add to your code:

<link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">