fontawesome.io is the famous icon font created by Dave Gandy. By now it is version 4.1.0, the complete set of 439 icons ready for web developer. Do you know, designer can use it as well. Hit the download button and you will get the zip with css and font files.
You can read the guide on the website to integrate the font into your website and enjoy the perfect icons. I will show you how to get these icons in Photoshop. Open the downloaded zip file. the font file is in font-awesome-4.1.0\fonts folder. You can double click to install it. You can use .ttf and also .otf on Windows. I prefer .tff
Now the secret is this link http://fortawesome.github.io/Font-Awesome/cheatsheet What you need to do is select the icon you need, right click and choose copy. Don’t try because you can’t copy the icon from fontawesome.io website the way you can do with the cheatsheet.
Now we can open Photoshop, witch to text tool and paste the icon. But what the hell! This is not the icon it is a weird character that we don’t need.
Don’t be hurry. Change the font of text to Fontawesome and it will become the icon we need