Font awesome cheat sheet pdf

I made this because i found myself misclicking alot and not finding what i want on the original cheatsheet. Fa download xf fa. Font awesome is for you.

Or to use on the desktop install fontawesome otf and copy and paste the icons not the unicode directly into your designs. It s in pdf format so you can print out only the pages you need. The use of these trademarks does not indicate endorsement of the trademark holder by font awesome nor vice versa. Brand icons should only be used to represent the company or product to which they refer.

Icon name class code unicode search changed in version. The world s most popular and easiest to use icon set just got an upgrade. To use this cheat sheet simply find the icon you want to use and click the copy button. Print this page to pdf for the complete set of vectors. Download this cheat sheet pdf 15 comments. This will give you the complete html tag unicode html entity or css rule for that icon to your clipboard ready to paste into.

Home programming css cheat sheets. Or to use on the desktop install fontawesome otf set it as the font in your application and copy and paste the icons not the unicode directly from this page into your designs.

This is a font awesome cheatsheet. Well, Font Awesome's icons can be used on the web in one of three ways. Firstly, the CSS rule. This method works by including the rendering of the icon before the content using the :before CSS psuedo-element. Firstly, the web-font is specified with font-family , and then the icon is specified by using the content property alongside a unicode hex entity in this case, e Note: This method is useful because it seperates the visual elements of your design—like icons—from the structural HTML, so you can add glyphicons to existing elements.

Particularly useful for tasks like Wordpress or Moodle theme development, for example. However, Font Awesome can be used in any website or web framework. You can use glyphicons in a variety of ways; in buttons, button groups for a toolbar, navigation or prepended form inputs. Here are a few examples of glyphicons in action. Want more info on Font Awesome? Check out the official examples in the Font Awesome documentation. My name is James Croft. I'm a web developer from Brisbane, Australia.

If you found this page useful, consider buying a Bootstrap Cheat Sheet poster for your wall! Toggle navigation. Unfortunately, the copy buttons on these cheat sheets only work with Flash installed. Cheat sheet? What is Font Awesome exactly?