3 ms·

On the download page: > Free ‘plug and play’ set of SVG icons designed specifically for web projects. Available as a Node.js package or a Ruby gem (for Rails).

On the download page: > Free ‘plug and play’ set of SVG icons designed specifically for web projects. Available as a Node.js package or a Ruby gem (for Rails). Just use icon names with your templates and styles — and all the rest will be done automagically. But I don't use node or Ruby. Where can I download them?

lucideer 12y ago
Not convenient, but it appears that the sources are here: https://github.com/outpunk/evil-icons/blob/master/app/views/evil_icons/_icons.html https://github.com/outpunk/evil-icons/blob/master/app/views/...
- outpunk 12y ago
  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-sources 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/images/evil-icons https://github.com/outpunk/evil-icons/tree/master/app/assets...
  - blt 12y ago
    You should put this information at the top of the readme.
  - svgorgeous 12y ago
    You might want to mention you are carefully working around a slew of webkit bugs. 1) Rather than efficiently referencing a single sprite.svg, the svg source must be inefficiently inlined, page after page. 2) Rather than use SVG's animated transforms, the spinners must be animated using CSS instead. Don't forget the CSS dependencies or the sprites won't animate! 3) Everything is flat. Not because that's the style, but because webkit won't properly render gradients, drop shadows, inner shadows, etc. https://bugs.webkit.org/show_bug.cgi?id=105904 https://bugs.webkit.org/show_bug.cgi?id=105904 But hey, at least webkit does kinda work with <use> that reference an external file. I just checked, and Chrome/blink doesn't work at all. It seems Firefox doesn't do animated transforms anymore. It did once. Opera (before it switched to blink rendering engine) was the only browser that worked nearly flawlessly with SVG. SVG would be so great, if it actually worked. Why do we need ruby/node to do this? See above.
    - outpunk 12y ago
      Great explanation, thanks!
sk55 12y ago
Seems like you can download an illustrator file from the home page. It's one of the two buttons - says "Download Icons".
- josteink 12y ago
  Fair enough, but that's like telling a normal person he can download a Open Document Format document: It's probably not going to be very useful communication. As a (non Rails, non Node) developer, I will probably not bother looking into how I can extract things from a proprietary Adobe Illustrator-file when I don't have Adobe Illustrator.
  - kevin_thibedeau 12y ago
    Inkscape imports Illustrator files which nowadays are just a modified PDF.
  - gtk40 12y ago
    Do you mean not useful in that people will not be able to open it or won't know the title? Current versions of Windows (in Wordpad in 7+) and Office (especially in 2013, but with limited support in earlier versions) can open ODF.
  - outpunk 12y ago
    Here it is, you can download the SVG file now https://github.com/outpunk/evil-icons/tree/master/download https://github.com/outpunk/evil-icons/tree/master/download
jackmaney 12y ago
I was just about to ask this, and I'm glad that someone else did. SVG is not tied to any one programming language. I don't understand why the repo tied to this page is not just a folder of icons and perhaps another folder of CSS.
- outpunk 12y ago
  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 12y ago
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-sources/evil-icons.ai https://github.com/outpunk/evil-icons/raw/master/icons-sourc.... Or separate SVG files https://github.com/outpunk/evil-icons/tree/master/app/assets/images/evil-icons https://github.com/outpunk/evil-icons/tree/master/app/assets... Or compiled sprite https://github.com/outpunk/evil-icons/blob/master/app/views/evil_icons/_icons.html https://github.com/outpunk/evil-icons/blob/master/app/views/....
- josteink 12y ago
  That's great stuff. That's what I'm looking for. Those links needs to be put somewhere clearly on the page for people to find. Right now anyone not using illustrator, node or rails is much more likely to dismiss this as something not worth looking into.
  - outpunk 12y ago
    I'm going to move the stuff to a more obvious location, thanks.
- sumnulu 12y ago
  http://www.webjars.org http://www.webjars.org
- bigbugbag 12y ago
  To me it would be convenient to have a single zip file packaging all the svg in one archive. Well a 7z archive would be even better but it seems most people are clueless about 7zip.
deleted 12y ago
[deleted]

lucideer 12y ago

Not convenient, but it appears that the sources are here: https://github.com/outpunk/evil-icons/blob/master/app/views/evil_icons/_icons.html https://github.com/outpunk/evil-icons/blob/master/app/views/...

outpunk 12y ago
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-sources 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/images/evil-icons https://github.com/outpunk/evil-icons/tree/master/app/assets...
- blt 12y ago
  You should put this information at the top of the readme.
- svgorgeous 12y ago
  You might want to mention you are carefully working around a slew of webkit bugs. 1) Rather than efficiently referencing a single sprite.svg, the svg source must be inefficiently inlined, page after page. 2) Rather than use SVG's animated transforms, the spinners must be animated using CSS instead. Don't forget the CSS dependencies or the sprites won't animate! 3) Everything is flat. Not because that's the style, but because webkit won't properly render gradients, drop shadows, inner shadows, etc. https://bugs.webkit.org/show_bug.cgi?id=105904 https://bugs.webkit.org/show_bug.cgi?id=105904 But hey, at least webkit does kinda work with <use> that reference an external file. I just checked, and Chrome/blink doesn't work at all. It seems Firefox doesn't do animated transforms anymore. It did once. Opera (before it switched to blink rendering engine) was the only browser that worked nearly flawlessly with SVG. SVG would be so great, if it actually worked. Why do we need ruby/node to do this? See above.
  - outpunk 12y ago
    Great explanation, thanks!

sk55 12y ago

Seems like you can download an illustrator file from the home page. It's one of the two buttons - says "Download Icons".

josteink 12y ago
Fair enough, but that's like telling a normal person he can download a Open Document Format document: It's probably not going to be very useful communication. As a (non Rails, non Node) developer, I will probably not bother looking into how I can extract things from a proprietary Adobe Illustrator-file when I don't have Adobe Illustrator.
- kevin_thibedeau 12y ago
  Inkscape imports Illustrator files which nowadays are just a modified PDF.
- gtk40 12y ago
  Do you mean not useful in that people will not be able to open it or won't know the title? Current versions of Windows (in Wordpad in 7+) and Office (especially in 2013, but with limited support in earlier versions) can open ODF.
- outpunk 12y ago
  Here it is, you can download the SVG file now https://github.com/outpunk/evil-icons/tree/master/download https://github.com/outpunk/evil-icons/tree/master/download

jackmaney 12y ago

I was just about to ask this, and I'm glad that someone else did. SVG is not tied to any one programming language. I don't understand why the repo tied to this page is not just a folder of icons and perhaps another folder of CSS.

outpunk 12y ago
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 12y ago

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-sources/evil-icons.ai https://github.com/outpunk/evil-icons/raw/master/icons-sourc.... Or separate SVG files https://github.com/outpunk/evil-icons/tree/master/app/assets/images/evil-icons https://github.com/outpunk/evil-icons/tree/master/app/assets... Or compiled sprite https://github.com/outpunk/evil-icons/blob/master/app/views/evil_icons/_icons.html https://github.com/outpunk/evil-icons/blob/master/app/views/....

josteink 12y ago
That's great stuff. That's what I'm looking for. Those links needs to be put somewhere clearly on the page for people to find. Right now anyone not using illustrator, node or rails is much more likely to dismiss this as something not worth looking into.
- outpunk 12y ago
  I'm going to move the stuff to a more obvious location, thanks.
sumnulu 12y ago
http://www.webjars.org http://www.webjars.org
bigbugbag 12y ago
To me it would be convenient to have a single zip file packaging all the svg in one archive. Well a 7z archive would be even better but it seems most people are clueless about 7zip.

deleted 12y ago

[deleted]