Как использовать иконки для входа в Firebase?

Question

Ниже приведен мой код для входа в систему с помощью кнопок социальных сетей с Firebase

<script type="text/javascript">
  // FirebaseUI config.
  var uiConfig = {
    signInSuccessUrl: 'https://xx.html',
    signInOptions: [
      firebase.auth.GoogleAuthProvider.PROVIDER_ID,
      firebase.auth.FacebookAuthProvider.PROVIDER_ID,
      firebase.auth.TwitterAuthProvider.PROVIDER_ID
     // firebase.auth.GithubAuthProvider.PROVIDER_ID,
     // firebase.auth.EmailAuthProvider.PROVIDER_ID,
     // firebase.auth.PhoneAuthProvider.PROVIDER_ID
    ]
  };

  // Initialize the FirebaseUI Widget using Firebase.
  var ui = new firebaseui.auth.AuthUI(firebase.auth());
  // The start method will wait until the DOM is loaded.
  ui.start('#firebaseui-auth-container', uiConfig);
</script>

После этого в теле использую <div id="firebaseui-auth-container></div Это показывает кучу кнопок, которые я не хочу.

У меня есть шаблон, и у них есть иконки для Facebook и т. Д., Которые я хочу использовать. Я хочу, чтобы значки работали так же, как кнопки, предоставляемые firebaseui-auth-container.

Вот HTML для кнопок в шаблоне

<div class="social-line">
    <a href="#" class="btn btn-simple btn-just-icon" id="firebaseui-auth-container">
        <i class="fa fa-facebook-square"></i>
    </a>

    <a href="#pablo" class="btn btn-simple btn-just-icon">
        <i class="fa fa-twitter"></i>
    </a>

    <a href="#pablo" class="btn btn-simple btn-just-icon">
        <i class="fa fa-google-plus"></i>
    </a>
</div>

Как я могу это сделать?

Любая помощь будет принята с благодарностью. Благодарю.