Cuando le pongo display: inline-block; las imagenes muestran un elevado espacio entre ellas, y solo quiero que se el minimo
<div >
<img class="creditos" src="/images/facebook.svg" alt="Facebook">
<img class="creditos" src="/images/instagram.svg" alt="Instagram">
<img class="creditos" src="/images/correo.svg" alt="Correo">
</div>
.creditos{
margin-top: 40%;
margin-left: 20%;
display: inline-block;
width: 30px;}
.creditos{
margin-top: 40%;
margin-left: 20%;
display: inline-block;
width: 30px;}
<div >
<img class="creditos" src="https://img.icons8.com/?size=1x&id=2969&format=png" alt="Facebook">
<img class="creditos" src="https://img.icons8.com/?size=1x&id=2969&format=png" alt="Instagram">
<img class="creditos" src="https://img.icons8.com/?size=1x&id=2969&format=png" alt="Correo">
</div>