Free Icon Fonts for Web User Interfaces By Jacob Gube This roundup features 18 free icon fonts that can be used in your commercial projects. The icon fonts in this post are perfect for your app user interfaces (UIs). What are Icon Fonts? Icon fonts are font files that have symbols and glyphs (e.g. arrows, folders, magnifying glasses) instead of standard alphanumeric characters. Icon fonts are like dingbat fonts, but are designed specifically for UIs. And because they’re treated like web fonts, icon fonts: Have great cross-browser support (even IE6, for example, can render web fonts using the @font-face rule)Can be scaled on-the-fly if the user adjusts their web browser settingsCan be rendered with different colorsCan embody font- and text-related CSS properties (like text-shadow and gradient) See icon fonts in action by visiting my friend Chris Coyier’s icon fonts demo page. To learn how to use icon fonts, read this tutorial on CSS-Tricks: HTML for Icon Font Usage. Free Icon Fonts 1. Number of icons: 137. 2. Number of icons: 121. 3.
4 Tools to Pick Your Chart Colors I used to manually select my color schemes with trial and error, but these days, there are a lot of tools to help you pick colors for your charts. The motivation for most of them is to help you visualize your data in a way that is perceptually correct. That is, perceived differences translated between your eyeballs and your brain match the actual quantitative differences. While there are new tools released fairly often, I tend to stick to these four simple and quick ones. When you’re in a rush but need something better than defaults ColorBrewer is the old standby. ColorBrewer color schemes are also baked into a lot many packages and tools, like d3.js and R. When you have more time to browse The Colorpicker for Data tool by Tristen Brown is straightforward and kind of fun to play with. It’s as quick to use as ColorBrewer, but you might catch yourself finicking more than you wanted with the endless color choices. When you need new color ideas I use 0to255 to look at palettes of random colors.