Design custom FontAwesome icons - martindubenet/contents GitHub Wiki

Setting the document

Artboard size

All vector icons are designed in an artboard size of 612 X 612 pixels

Adobe Illustrator Strokes

Font-weight Stroke Weight Cap Corner Align Stroke CSS weight value
fal Light 28px > 34px Rounded Miter join Align stroke to the inside 300
far Regular ~48px Rounded Miter join Align stroke to the inside 400
fas Solid - Rounded Miter join Align stroke to the inside 900

The stroke weight values are relative to a 612x612 artboard.

 

Using FontAwesome icons in Adobe Photoshop

  1. Download and install FontAwesome for Desktop,
  2. From the downloaded folder, find the .otf files to install in your Font Manager app (Font Book on macOS),
  3. Go to FontAwesome.com Search Page to find the icon you're looking for,
  4. Within the modal window of the icon look in the upper-right corner to find the « Copy Glyph » Call-To-Action,
  5. In Photoshop, select the TEXT tool (T) and click in the artwork to create a TEXT layer,
  6. Paste the Glyph code from your clipboard (⌘Command+V) on the TEXT layer,
  7. You should now see the icon.

 

 

⚠️ **GitHub.com Fallback** ⚠️