How to easily use font icons in Photoshop

I want to show you examples of 5 Free icon fonts that work in your applications the same way. First of all, you need to install fonts you want to use to your system.

1. I think most popular icon font now is Font Awesome font that has hundreds of icons to choose for your project.

For using Font Awesome iconic font in Photoshop go to http://fortawesome.github.io/Font-Awesome/ and click Download button.

Then copy FontAwesome.otf to your fonts folder (for Windows it can be c:\Windows\Fonts\ ) or doubleclick on file to preview the font and click Install button.

For other fonts everything is basically the same. You should download font files and install them.

2. Icon Works download page is http://icon-works.com/ . Glyph-Chart is included to download.

3. Open iconic download and glyphs page is https://useiconic.com/open/ .

4. Pixeden Stroke 7 Icon Font Set download page is http://www.pixeden.com/icon-fonts/stroke-7-icon-font-set . Reference file is included.

5. Typicons download and reference page is http://www.typicons.com/. Demo is also included in download archive.

First way to use icons in Photoshop

To add an icon to your picture in Photoshop you should find icon you want to use in reference lists. In case of Font Awesome icon set go to http://fortawesome.github.io/Font-Awesome/cheatsheet/ .

Choose icon from the page or opened file in your browser, select it, you can just doubleclick icon on Windows (you shoud select only icon itself like you select a word or a letter, no other code needed) and copy it.

Then In your file in Photoshop use Text tool and paste your icon

Now select your icon that doesn’t look like an icon yet

and choose your installed font to make it look the way you want

Now you can make with this icon anything you usually do with your letters: change color, size etc.