Font Awesome - Never Build Icons Again

Tired of having to make "delete", "edit", "new", "save", "confirm", and "purchase" icons for your clients? In 3 different sizes (desktop, tablet, mobile)? And new versions for each color scheme you use?

Enter Font Awesome!

Font Awesome gives you scalable vector icons, that are totally customizable, all by just including a CSS file in your project. It's free, compatible with current devices and browsers, easy to use and customize to your liking. Font Awesome is compatible with Bootstrap, various other frameworks, screen readers, retina displays and cuts down the time you spend doing "boilerplate" work in PhotoShop for every project!

Target Audience: Designers and developers that are tired of having to rebuild the same icons for every project. Attendees should know some basic HTML and CSS, no further programming or PhotoShop skills are required.

Main takeaways:

  • What is Font Awesome?
  • How do I install it?
  • Simple example of how to start using it?
  • Treating icons like fonts - changing sizes and colors, applying styles Bordered, spinning and rotated icons Stacked icons
  • How does it work with Bootstrap?
  • Pros and cons



Nolan Erck

Nolan Erck has been developing software for 19 years. Starting in the video game industry working on titles for Maxis and LucasArts, then advancing to web development in 1999, his list of credits includes Grim Fandango, StarWars Rogue Squadron, SimPark, SimSafari as well as high-traffic websites for clients. Nolan manages the SacInteractive User Group, teaches classes on aspects of software development, and regularly gives presentations at conferences and user groups across the country.