Você consegue facilmente o resultado desejado utilizando as classes **float** do Bootstrap, também retirei a tag **`nav`** e o conteúdo dela que são as **li** eu coloquei dentro da div **`footer-logo`**:

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    img {
      width: 100px;
      height: 30px;
    }
    li {
      list-style-type: none;
      padding-right: 5px;
    }

<!-- language: lang-html -->

    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

    <footer class="footer-bg">
      <div class="footer">
        <div class="footer-logo">
          <a class="navbar-brand js-scroll" href="#page-top"><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcShDBdzn38UgWzjCTJDykF2hZDRBggqDe3hHGF0F7jEOub1xMIr4A" alt="Logotipo"></a>

          <li class="float-right"><a href="#sobre">Sobre<i class="fab fa-linkedin-in"></i></a></li>
          <li class="float-right"><a href="#produtos">Produtos<i class="fab fa-instagram"></i></a></li>

        </div>
      </div>
      <hr style="border: 1px solid rgba(77,77,77,0.5)">
      <p class="text-center">Copyright © 2019 - Todos os direitos reservados <br>
      </p>
    </footer>

<!-- end snippet -->