How to add social icons using Option Tree and Font Awesome in WordPress

social-options-wp.md

in header.php

<?php
  if ( function_exists( 'ot_get_option' ) ) {
    $social_media_channels = array(
      "Facebook" => "fa fa-facebook-square",
      "Twitter" => "fa fa-twitter-square",
      "Google+" => "fa fa-google-plus-square",
      "Linkedin" => "fa fa-linkedin-square",
      "Pinterest" => "fa fa-pinterest-square",
      "Youtube" => "fa fa-youtube-square"
    );
    
    $social_media_icons = ot_get_option( 'social_media_icons' );
  };
?>

<ul class="social-media-icons">
  <?php 
    if ( $social_media_icons ) {
      foreach ( $social_media_icons as $key=>$icon ) {
        if ( $social_media_channels[$icon['name']] ) {
          echo "<li class='social-media-icon'><a target='_blank' href='" . $icon['href'] . "'><i class='" . $social_mediaChannels[$icon['name']] . "'></i></a></li>";
        }
      }
    }
  ?>
</ul>

On the loop you need to replace $social_mediaChannels to $social_media_channels.