12 Useful SVG Icon Sets

SVG is a file format that enables two-dimensional images to be displayed in XML on the Web. The PNG’s and GIF’s that we have been used to using day in and day out are getting ever more old and dated. Using PNG’s for icons and catering for every resolution you have include PNGs for multiple resolutions. Whereas SVG, you can create the file once and use it anywhere, at any scale and any resolution.



Evil Icon

Free “plug and play” set of SVG icons designed specifically for web projects. Available as a Ruby gem, a Node.js package and Grunt/Gulp plugins. Just use icon names with your templates and styles — and all the rest will be done automagically.

evil-icon-sets-11

Free 80 Crispy Icons in PSD, AI, SVG & Webfont

a fresh made 80 crispy icons in PSD, AI, SVG & WEBFONT – it’s totaly free for personal and commercial use.

icon-12

iconmelon

svg icons lib for the web.

iconmelon-6

Simple Line Icons

100+ simple line icons for web and UI design available for free.

Simple_line_icons_1

LivIcons

They are a cross browser vector icons, built with JavaScript, with individual mini animation for every icon (except ‘Brand names’ ones). They based on SVG (scalable vector graphic) in modern browsers and VML (vector markup language) in IE6 – IE8 for clean and perfect look at any devices (Yes. Retina too).

livicon-2

Social Web Icons

When you consider how common ultra-high resolution screens have become and couple that with the ubiquity of low-bandwidth mobile connections it becomes clear that we need to start really exploring and using alternate image methods. Since they are defined by vector shapes and colors rather than bitmaps, SVG files can be much smaller than a comparable PNG or JPG while also supporting any arbitrary size.

svgicons-3

JustVector Social Icons 1.5

These 150 monochrome social icons are designed with simplicity in mind. Provided in vector format, they are fully editable and scale to any size smoothly. The .SVG icons are 100px x 100px, with a black fill color.

svgicons-4

Freebie: Smallicons Icon Set (54 Icons, SVG, PNG, PSD)

The icons were made using Photoshop vector shapes and are available in different formats, giving you maximum convenience and saving you time for more creative tasks. The PNG files come in two dimensions (32 × 32 and 64 × 64 pixels). The set also includes swatch files, so that you can select colors in Photoshop using the color swatches palette.

smash-5

Grunticon

grunticon is a Grunt.js task that makes it easy to manage icons and background images for all devices, preferring HD (retina) SVG icons but also provides fallback support for standard definition browsers, and old browsers alike. From a CSS perspective, it’s easy to use, as it generates a class referencing each icon, and doesn’t use CSS sprites.

grumpicon-7

Metrize Icons

Metrize Icons is a free icon set, it works perfectly for your apps or web projects. You may use these icons for both commercial and personal projects and customize them any way you like.

Metrize_Icons-8

Modern UI icons

Handcrafted pixel perfect icons tailored for the Modern UI style. Each and every icon is carefully crafted in Expression Design with vector in mind. Now hosted on GitHub finding new icons and tracking your requests is easier than ever.

modern-ui-icons-9

Free Animated SVG Icons

SVG implementation is fast becoming one of the hottest topics sweeping design and development circles as of late. With all the start-ups and JavaScript libraries, I wanted to create a set of SVG icons that have zero third-party dependencies and that can be implemented easily.

free-animated-svg-icons-10

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.