Skip to main content

How to use Font awesome icons in Adobe Photoshop

Font Awesome is a popular font icon package used by web designers and developers. The old-fashioned technique to create icons was simply to crop images to work as icons and provide the same image quality for all sizes. Font Awesome is a more sophisticated alternative. You can use Font Awesome in any website by loading the font and css files, and you can also integrate it into your Photoshop designs. Let me show you how to use Font awesome icons in Adobe Photoshop here,

  • Go to Font Awesome page and download and extract the package
  • Locate the 'fonts' folder inside an extracted folder, then copy the file 'FontAwesome.otf' to your system's Fonts folder. The location of the Fonts folder depends on your operating system. In Windows 8, the font folder is located in: C:\Windows\Fonts\
  • Open your browser and go to the icons page.
  • From the list of available icons, select the one you want and copy the icon.
copy icon
  • Open Photoshop and start a new file by going to File -> New -> OK
  • Choose the Text tool
  • Click on Workspace and paste the icon you have copied earlier
text tool
  • Select the text (which at this point is just a square).
  • Select Font Awesome to get the icon look.
select the font


Then you can start customizing the icon.