I can't get HTML to display an image in header of my local host site

I am trying to customize my theme with social icons on my local host.
But no matter what path I give the img src no image displays in the heading (I also tried to upload different images through html code across the site with no success). I am using MAMP. The images are located in my local host folder under wp-content/themes/theme/images

I wrote this in the CSS:

.custom #social-icons a img {
float: right;
margin-left: 0.3em;
}

and this in the header.php:

<div id="social-icons">
<a href="https://www.facebook.com"><img src="images/facebook_icon.png" width="32" height="32" alt="Facebook" /></a>
</div>

I appreciate the help. Thank You!