<div class="footer">
  <div class="container footer__container">
    <a href="#" class="footer__brand">
      <img src="https://picsum.photos/200/200" width="200px;" style="margin-top: 20px; margin-bottom: 20px;"> 
    </a>

    <div class="footer__icons">
      <a href="#"><img src="https://picsum.photos/50/50" width="50px" style="margin-right: 30px;"></a>
      <a href="#"><img src="https://picsum.photos/50/50" width="50px" style="margin-right: 30px;"></a>
      <a href="#"><img src="https://picsum.photos/50/50" width="50px" style="margin-right: 30px;"></a>
      <a href="#"><img src="https://picsum.photos/50/50" width="50px" style="margin-right: 30px;"></a>
      <a href="#"><img src="https://picsum.photos/50/50" width="50px" style="margin-right: 30px;"></a>
    </div>
  </div>
</div>
</footer>

.footer {
  background-color: #dedede;
  align-items: center;
}

.footer__container {
  display: flex;
  align-items: center;
}

.footer__icons {
  display: flex;
  margin-left: 500px;
}

@media (min-width: 700px) {
  .footer__icons {
    margin-left: 100px;
  }
}