Me imagino que cada logo ira dentro de una etiqueta , así que puedes darle a cada la propiedad css float: left, con eso consigues que se pongan un elemento al lado del otro, y con margin-left o margin-right les das espacios a los lados para que no te queden juntos.
Como alternativa te recomiendo que uses Flex, te comento como iría:
HTML
<div class="contenedor">
<a href="#">Facebook</a>
<a href="#">Instagram</a>
<a href="#">Twitter</a>
</div>
CSS
.contenedor{
display: flex;
}
.contenedor a:not(:last-child){
margin-right: 10px;
}
Aquí básicamente lo que estas haciendo es alinear los iconos uno al lado del otro, dándoles un margen de 10px a la derecha a todos lo elementos de dentro del contenedor excepto al último