Oh, the wonderful world of fonts and icons! You just can’t get enough, can you?
In today’s article, we’re going to share with you a collection of some beautifully designed, unique vector icons and webfonts that are perfect for responsive design projects and for solving issues like graphic resolution in retina displays.
The following icons sets can easily be styled with CSS. You can change the colors, size, rotation, add shadow, and many other new CSS3 features. Whether you want them small for navigation or blow them up to larger sizes, these icons will always look amazing.
So, without further ado, here are 10 cool icon sets that would make a great addition to your toolbox. Best of all, you can use them for free!
Font Awesome provides you with scalable vector icons that you can quickly and easily customize, including the color, size, drop shadow, and anything that you can do with the power of CSS.
Plex is a collection of 119 amazing icons, all available for personal desktop and mobile use. If you like to use them for any other purpose, you can contact the owner directly at [email protected].
These webfonts are smaller compared to other webfonts, and with fewer network requests than other solutions. It’s built from the ground up for high performance. They’re designed on a grid to be pixel-perfect and come at standard sizes. Each icon is carefully hand-coded to avoid the extra bloat from traditional vector drawing applications.
Flat design continues to reign supreme. Emphasizing simplicity, it’s easy to manage basic design principles when you’re working flat. If you’re in need of icons inspired from flat design, then here’s a set containing 48 well-crafted icons, all designed by the folks at Vecteezy. All the icons in this set come in 3 complimentary styles, are fully scalable, and add a touch of flat design goodness to your project.
This set of 350 pixel-perfect glyph icons are ideal for apps, websites, or just about anything you can imagine. The icons can be used for personal and commercial purposes, so you don’t have to worry about licensing. However, you may not distribute this icon set elsewhere without the owner’s consent.
Batch is a beautifully designed suite of more than 300 icons for web UI design. Each of the icons is a single shape layer, which means they can be scaled up or down without losing the quality.
This set of 74 social media icons is combined within a single font-weight. Designed by JelioDimitroy, every single icon matches a particular key on your keyboard. The font is very convenient and easy to use for web design, particularly in themes, page layouts, for every type of print or offline design, and more.
The Chunky Pika Icon Set contains 42 Pika-style vector icons, released with Smashing Magazine for the web design community. The icons are available in PNG and AI source files, and are released under a Creative Commons Attribution license. This means that you’re free to distribute, transform, fiddle with, and build the icons into your work, even commercially. Take note, however, that you need to credit the original designer of the site, which is Dutch Icon.
These freely available vector icons are embedded in a webfont so you can easily use then in your user interfaces, be it on the web or in a native app.