Last Updated: February 25, 2016
· pixelclear

Injectable Ligature Service Icons

I wrote a simple jQuery Plugin that lets you manage service icons from your javascript file.

Note: This plugin uses the Ligature Symbols Font

Include the script

<script src="jquery.service.js"></script>

Place a tag for adding service icons in your layout

<div class="social"></div>

Then attach to a selector which services you would like to list

$(function() {

$("").service("facebook", "stephenway")
           .service("linkedin", "stephenway", "personal")
           .service("twitter", "stephencway");


Now you have a clean way of injecting service icons on your site without relying on repetitive markup.

You can get the script on it's project page