Design custom FontAwesome icons - martindubenet/contents GitHub Wiki
All vector icons are designed in an artboard size of 612 X 612 pixels
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
- Download and install FontAwesome for Desktop,
- From the downloaded folder, find the
.otf
files to install in your Font Manager app (Font Book on macOS), - Go to FontAwesome.com Search Page to find the icon you're looking for,
- Within the modal window of the icon look in the upper-right corner to find the « Copy Glyph » Call-To-Action,
- In Photoshop, select the TEXT tool (T) and click in the artwork to create a TEXT layer,
- Paste the Glyph code from your clipboard (⌘Command+V) on the TEXT layer,
- You should now see the icon.