10 Cool Free Vector Icon Sets and Icon Webfonts

10 Cool Free Vector Icon Sets and Icon Webfonts

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!

Enjoy!

Font Awesome

Font Awesome

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.

Raphaël

Raphaël

This icon set by Dmitry Baranovskiy is converted into a webfont. Though normally used as SVGs with the JavaScript library, you can now include the webfont with pure CSS and without the need to have JavaScript enabled. What’s more, because the icons are just text, you can do all the fancy CSS3 stuff with them. Like the original icon set, the font is released under MIT license.

Plex

Plex

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].

 

Geomicons

Geomicons

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.

48 Flat Designer Icons

48 Flat Designer Icons

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.

350 Pixel Perfect Icons

350 Pixel Perfect Icons

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

Batch

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.

Social Media Icons Pack

Social Media Icons Pack

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.

Chunky Pika Icon Set

Chunky Pika Icon Set

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.

Typicons

Typicons

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.

Leave A Response