Font Mfizz provides scalable vector icons representing programming languages, operating systems, software engineering, and technology. It was designed as an extension to Font Awesome, it is an iconic font designed for technology and software geeks. It can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Font Mfizz is used extensively on this site for our blog, project info, etc.
Features
98 icons: One font representing programming, operating systems, and technology.
Free and open source: Completely free for commercial use.
CSS control: Easily style icon color, size, shadow, and anything that's possible with CSS.
Retina ready: Scalable vector graphics means every icon looks awesome at any size.
Compatibility: Designed to function seamlessly with Font Awesome.
Sponsored by
RXTX for Java is proudly sponsored by Greenback. We love the service and think you would too.
More engineering. Less paperwork. Expenses made simple.
What's new?
Usage
After you get up and running, you can place Font Mfizz icons nearly anywhere in your HTML by simply using the <i>
tag.
<i class="icon-apache"></i> icon-apache
Compatibility
Font Mfizz was designed to function seamlessly with Font Awesome. Icons are carefully named to not conflict with Font Awesome. When both fonts are utilized together, you end up with a more complete representation of specific categories of icons such as mobile. For example, the latest release of Font Awesome has icons for icon-windows
, icon-apple
, and icon-android
, but is missing icon-blackberry
. Font Mfizz includes icon-blackberry
and therefore both combined provide a more complete representation of mobile icons.
Scalable
Get started!
Use this method to get the default Font Mizz CSS.
- Download latest package from GitHub
- Copy contents of font-mfizz into your project
- In the
<head>
of your html, reference the location to your font-mfizz.css
<link rel="stylesheet" href="path/to/font-mfizz/font-mfizz.css">
- Find which icon you want to use, then reference it using the
<i>
tag - Interested in adding an icon?.
Caveats
While Font Awesome icons usually look good even at smaller sizes, the majority of the icons in Font Mfizz look better at ~20+ pixels or higher. Most icons in this package were generated by manual tweaking raw SVG/vector files for each brand. The rule of thumb was to maintain the iconic integrity of the original logo while fitting it into a 100 x 100 pixel view box for only one color. In some cases raw SVG/vector weren't available and original art was created in its place (such as icon-scala, icon-scala-alt, icon-google-code, icon-playframework, icon-playframwork-alt, etc).
Icons
Applications and operating systems
Brands
Databases
File types
Frameworks
Programming languages
Miscellaneous (Deprecated)
Mobile
Request or contribute new icons?
Most SVG (Scalable Vector Graphic) files can be modified to become an icon as part of this project. If you have an .svg that you think fits within the goals of this project and you'd like included in a future release, please follow the directions on Github and submit a pull request.
License
This project is licensed under the MIT License and © 2013-2015 Fizzed, Inc. You can find a copy of all of the licenses in the projects LICENSE.txt file.
All icons representing commercial companies are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by Fizzed, Font Mfizz, nor vice versa.
Updates? Need assistance?
Follow @fizzed_inc on Twitter for future updates and latest news.
If you have specific issues, questions, or problems, please contact us with your inquiry or consulting request.