Evil Icons – A Clean SVG Line Icon Pack for Web Developers

By Jake Rocheleau. in Toolkit. Updated on January 22, 2019.

With a name like Evil Icons, you might not be sure what to expect. But, the project is harmless and surprisingly useful!

The Evil Icons pack offers an assortment of a few dozen icons in the line icon style. These use thin shapes with transparent centers, creating icons tailor-made for interface UIs and clean minimalist websites.

Everything you need to know can be found on the main site or the official GitHub repo.

You can download these icons as simple SVG files and export into PNGs as needed. Or, you can pull them directly through a Ruby gem, a Node package, or through task runners such as Gulp or Grunt.

While the icon pack presents itself as SVG-only, it does support the original source files, too. The homepage actually lets you download the icons in three different file types:

SVG
Sketch
Illustrator (AI)

With the original source files, you can easily edit the icons or even add your own into the mix. Creators Alexander Madyankin & Roman Shamin are still maintaining the project, so you could even suggest new additional icons into the pack.

But, the beautiful part about Evil Icons is that you don’t need to do anything to them if you don’t want to. With CDN files for the stylesheet and the JS script, you can embed these icons right into your page and start using them right away.

Each icon has a CSS class which you’ll find on the main demo page by hovering each one. You can add this class via HTML or target elements dynamically with JavaScript.

With a slew of different sizes, custom animations, and raw source files to edit, Evil Icons has to be one of the most freely available iconsets on the web today. Brilliant for any type of project and perfect for both designers & developers.