To use social icons you can use custom html for each slide. For example something like this:
<div class="gks-slide-style-social-panel">
<a href="https://facebook.com"><i class="fa fa-facebook-square"></i></a>
<a href="https://instagram.com"><i class="fa fa-instagram"></i></a>
<a href="https://linkedin.com"><i class="fa fa-linkedin-square"></i></a>
<a href="https://twitter.com"><i class="fa fa-twitter-square"></i></a>
<a href="https://google.com"><i class="fa fa-google-plus-square"></i></a>
</div>
And you can use custom css for styling, e.g.
#gks-slider-ID .gks-slide-style-social-panel i {
font-size: 20px;
color: #555;
padding: 5px;
}
#gks-slider-ID .gks-slide-style-social-panel .fa:hover {
color: #000 !important;
}
You can import one of our predefined templates as well to see how it looks, so you can replicate the same for your layout.