Social share with custom icons and link

<div class="single-share">
<div class="share-icons">
<a href="https://www.facebook.com/sharer/sharer.php?u=<?php the_permalink(); ?>" class="fb"><i class="fa fa-facebook"></i></a>
<a href="https://twitter.com/home?status=<?php the_permalink(); ?>" class="tw"><i class="fa fa-twitter"></i></a>
<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" class="goo"><i class="fa fa-google"></i></a>
<a href="https://www.linkedin.com/shareArticle?mini=true&url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&summary=&source=<?php the_permalink(); ?>" class="lin"><i class="fa fa-linkedin"></i></a>
<a href="https://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=&description=" class="pin"><i class="fa fa-pinterest"></i></a>
<a href="mailto:<?php echo bloginfo('admin_email'); ?>?&subject=<?php the_title(); ?>&body=" class="eml"><i class="fa fa-envelope-o"></i></a>
</div>
</div>