September 2017. Use at your own risk.
The HippIcons project is an open source icon font and CSS toolkit that includes over 400 stylish glyphs. It is a drop-in alternative to FontAwesome for those times you want cast a different appearance than the crowd.
We love the developer-friendliness of FontAwesome, but many of our projects just have a different feel, so we created our own icon font from scratch. HippIcons enable you to completely change the feel of your app without dealing with missing icons, different class names, etc.
Each icon is designed on a 32 pixel grid and they look excellent on all modern devices. They are not pixel perfect, just as pixel perfect as possible. We feel just fine sacrificing some pixel perfection for the right design because of the high pixel density on today's screens.
In comparison to FontAwesome, HippIcons are laid-back, a bit more curvaceous, enigmatic at times, and just different in subtle (but important) ways.
Using our CDN will greatly improve the worldwide loading performance of HippIcons and provide automatic caching. Plus, it's super easy.
Add the following link in the <head>
section of your HTML.
<link rel="stylesheet" href="https://cdn.hippicons.com/css/hippicons-min.css">
Alternatively, copy the css/hippicons-min.css
file and all font files into your project.
<link rel="stylesheet" href="http://YOUR-PROJECT-PATH/css/hippicons-min.css">
Just run the command...
bower install hippicons
HippIcons will behave exactly like FontAwesome, but they use the hi
as the class prefix (instead of fa
). The class names are identical, so all you need to do is change the markup in your existing project and voilà.
Change FontAwesome markup:
<i class=“fa fa-eye fa-2x”></i>
To:
<i class=“hi hi-eye hi-2x”></i>