Circular Social Icons

First icon font, enjoy :)

Even though sites such as icomoon and weloveiconfonts are a great resource for icon fonts I was getting frustrated that I could never find a set of social icons which were consistant and had all the icon’s I needed for a project.

This lead me to create my own set of social icons which are perfect for what I need for most projects.

I have included, Linkedin, Twitter, Facebook, Flickr, Youtube x 2, Pinterest, Instagram, Google+ x 2, Codepen and Dribbble.

Solid Social Icon Set

Solid Social Icon set

Below is the sample code on how to implement the solid social icon font.


<!--   Classes below for solid the icons   -->

<i class="icon-dribbble"></i>
<i class="icon-codepen"></i>
<i class="icon-googleplus"></i>
<i class="icon-googleplus-2"></i>
<i class="icon-instagram"></i>
<i class="icon-pinterest"></i>
<i class="icon-flickr"></i>
<i class="icon-facebook"></i>
<i class="icon-twitter"></i>
<i class="icon-linkedin"></i>
<i class="icon-youtube"></i>
<i class="icon-youtube-2"></i>

Stroked Social Icon Set

Stroked icons

Implementing is just the same as above, the only thing that has changed in the font source file name to social-stroke.

The purpose of these icons for me was to keep them consistant across a project so I have kept the same class names as the solid icons so please use one style or the other.


<!--   Classes below for the stroked icons   -->

<i class="icon-dribbble"></i>
<i class="icon-codepen"></i>
<i class="icon-googleplus"></i>
<i class="icon-googleplus-2"></i>
<i class="icon-instagram"></i>
<i class="icon-pinterest"></i>
<i class="icon-flickr"></i>
<i class="icon-facebook"></i>
<i class="icon-twitter"></i>
<i class="icon-linkedin"></i>
<i class="icon-youtube"></i>
<i class="icon-youtube-2"></i>

Colours for the social Channels.













A full list of brand colours can be found here brandcolors.net/

Social Icon Requests

If there’s any social channels you would like me to into my fonts, leave a comment below and I will try and get on it as soon as I can.