How To Use Font Awesome Icons In Photoshop

My son needed a business menu for his DJ and music production business (yes, he's virtually got his Ph.D. in Math). To save space when displaying all of his social channels on his business card, we wanted to provide a clean list using the icons for each service. Rather than purchasing each of the logos or a collection from a stock photo site, we used Font Awesome.

Font Awesome gives you scalable vector icons that can instantly exist customized — size, color, drop shadow, and annihilation that can exist washed with the power of CSS.

Fonts are vector-based and scalable to your project, so they're perfect for utilize in graphical desktop applications like Illustrator or Photoshop. Yous can fifty-fifty convert them to outlines and use them in the illustration.

Font Crawly is widely used to add these logos and other icons on websites, but you may not realize that y'all could download the bodily font to install on your Mac or PC equally well! The TrueType font (ttf file) is function of the download. Install the font, restart Illustrator and you're upward and running!

At that place'due south no demand to memorize each graphic symbol or do a search for the right 1, here'southward how to use the font:

Open up the Font Awesome Cheatsheet in your browser.
Open upward an Adobe Artistic Cloud program (eg. Illustrator).
Prepare the font to Font Crawly.
Copy and paste the character from the cheatsheet into your file.

That's all at that place is to information technology!

How to Utilise Font Awesome in Illustrator

Hither's a quick video on how I find icons on Font Crawly and then use them within my Illustrator files.

How to Use Font Crawly with Photoshop, Illustrator, And Other Desktop Platforms.

Here'south a great video overview on how to utilize Font Awesome with Illustrator (or other desktop platforms).

Create Outlines for Your Font Awesome Font

1 thing to continue in mind is to avoid using it in a platform that doesn't embed the font and requires it to be installed on the organisation. Using it in Discussion, for instance, would crave your recipient to have the font loaded on their system in order to see it. In Illustrator or Photoshop, you lot can use Create Outlines to convert the font to a vector epitome.

In Illustrator, you can use Create Outlines to catechumen the font to a vector image. To do this, apply the Selection tool and cull Type > Create Outlines. Y'all can also employ the keyboard command Ctrl+Shift+O (Windows) or Command+Shift+O (Mac).
In Photoshop, right-click on the text layer. Position your mouse over the bodily text in the text layer (not the [T] icon) and correct-click. From the contextual menu, select Convert to Shape.

Download Font Awesome

Disclosure: Martech Zone is an affiliate of Adobe Creative Deject, Illustrator, and Moo and have our affiliate link in a higher place.