In this short tutorial I show how easy we can add custom social icon on any website. In my example I use Wordpress and Simple Social Icon (SSI) plugin.
Everyday we see many social icons on websites. When we have or website we also want to have that feature. Everything is fine when we want to add generic icons such: facebook, twitter, youtube and so on. But what if we want to have on our site some custom icon, for example Hackaday? In this short tutorial I want to show you how we can create hackaday icon and add it to our site.
First step is to create and prepare our logo file in .svg (scalable vector graphic) format. I prepare my file in Inkscape.
You could make your logo in scratch or use some online converters and convert for example .png file into .svg.
Cut some data from .svg file
To make our file visible for SSI we must delete some unnecessary data from our file. First we open .svg in notepad++ and search the path fragment - this is our interesting data. Example .svg code is present below: