HNHacker News
TopNewBestAskShowJobs

outpunk

10 karma · joined December 11, 2014

Frontend Developer at Evil Martians. Co-author of Evil-Icons.io

[ my public key: https://keybase.io/madyankin; my proof: https://keybase.io/madyankin/sigs/QANtWXmuNKHu6VWyh8S8B2lQyQNFhdHkUp2siIswQ7A ]

submissionscomments
outpunk··on Evil Icons – Lightweight SVG icons for your web project
I've just made a grunt plugin for this https://github.com/outpunk/grunt-evil-icons
outpunk··on Evil Icons – Lightweight SVG icons for your web project
Here it is, you can download the SVG file now https://github.com/outpunk/evil-icons/tree/master/download
outpunk··on Evil Icons – Lightweight SVG icons for your web project
Great explanation, thanks!
outpunk··on Evil Icons – Lightweight SVG icons for your web project
There are some reasons. I'll try to describe them shortly.

Usually it is important to color and resize the icons depending on situation. That's why you can't just put the SVG into your project. And that's why we decided to make a sprite and to use inline SVG.

But raw inline SVG isn't the most convenient way of SVG graphics using. That's why we have written a couple of helpers.

outpunk··on Evil Icons – Lightweight SVG icons for your web project
Exactly! We're going to make this feature soon.
outpunk··on Evil Icons – Lightweight SVG icons for your web project
I'm going to move the stuff to a more obvious location, thanks.
outpunk··on Evil Icons – Lightweight SVG icons for your web project
IE < 9 and Opera Mini http://caniuse.com/#feat=svg-html5
outpunk··on Evil Icons – Lightweight SVG icons for your web project
The icons are compiled to an SVG sprite and this is the recommended way (The readme file contains the instructions). Anyway, you can download sources here https://github.com/outpunk/evil-icons/tree/master/icons-sour... and separate SVG files here https://github.com/outpunk/evil-icons/tree/master/app/assets...
outpunk··on Evil Icons – Lightweight SVG icons for your web project
May I ask you, what is the preferable method for you? We're going to make Gulp/Grunt plugins and CDN version.

Also you can download .ai file here https://github.com/outpunk/evil-icons/raw/master/icons-sourc.... Or separate SVG files https://github.com/outpunk/evil-icons/tree/master/app/assets... Or compiled sprite https://github.com/outpunk/evil-icons/blob/master/app/views/....

outpunk··on Evil Icons – Lightweight SVG icons for your web project
Actually, we are changing color at the website only. Just to show that you can color the icons as you want.