They aren't all under 1KB, but there a few repos on GitHub hosting all of the Font Awesome icons as SVG. Also, if you can avoid it, don't use https://github.com/ivanvotti/font-awesome-svg/tree/master/SV...
Unfortunately you cannot reuse the icons that way, which does end up being wasteful unless you use compression.
Super Tiny Website Logos in SVG
91–100 of 121 posts
Re: Super Tiny Website Logos in SVG
#92I have been using https://simpleicons.org for a while now. It is super light and looks great. License is CC0. Although I prefer inlining the icons over using tags.
Is there an easy way to generate SVG icons from image files (.png, .jpg, etc.)? Or are each of these SVG icons created by hand?
Re: Super Tiny Website Logos in SVG
#93Slight tangent, but for anyone coming late to the party, here’s a sampling of why SVG matters: http://slides.com/sdrasner/svg-can-do-that#/
I'd say that's a sampling of how SVG went wrong. What we wanted was a vector image format; what we got was PowerPoint.
Re: Super Tiny Website Logos in SVG
#94Re: Super Tiny Website Logos in SVG
#95Earlier quoted context omitted.
Inkscape is ok. It has serious issues though - pretty terrible performance, confusing UI, still requires X11 on Mac, etc. Probably still the best free SVG editor but I'm not sure I'd go so far as to call it good.
> confusing UI Anything particular you have in mind?
That's a problem for many common actions -- for instance, I normally want to resize the view box to enclose the content tightly before saving an edited file, so why is that common action buried multiple layers deep in the UI? File->Document Properties->Page->Custom size->Resize page to content->Resize page to drawing or selection->Seriously? It's almost easier to do this in a text editor.
Finally, people who write apps that don't remember their previous desktop window size and position, but that instead auto-size themselves to cover the entire screen every time they're launched, should die in a grease fire. Unnecessarily-aggressive hyperbole aside, this kind of obvious forehead-slapping behavior is never good news because it means that the maintainers don't use their own app.
All that aside, InkScape is really a very powerful application that could be a lot harder to use. A great deal of hard work has clearly gone into it, and at the end of the day it is free software, so it's hard to complain without seeming ungracious. If it weren't such a great app, it wouldn't be worth criticizing at all.
Re: Super Tiny Website Logos in SVG
#96I have been using https://simpleicons.org for a while now. It is super light and looks great. License is CC0. Although I prefer inlining the icons over using tags.
Re: Super Tiny Website Logos in SVG
#97I have been using https://simpleicons.org for a while now. It is super light and looks great. License is CC0. Although I prefer inlining the icons over using tags.
Huh, that Viber icon looks odd. Is it my browser or is it just poorly drawn?
Just a little sheared if anything? Can always attribute to stylizing.
Re: Super Tiny Website Logos in SVG
#98I have been using https://simpleicons.org for a while now. It is super light and looks great. License is CC0. Although I prefer inlining the icons over using tags.
Is there an easy way to generate SVG icons from image files (.png, .jpg, etc.)? Or are each of these SVG icons created by hand?
I haven't tried this with line art like icons or logos. I usually just hand-optimize simple ones, then run them through svgo [2].
[0] https://github.com/fogleman/primitive
[1] https://github.com/technopagan/sqip
[2] https://github.com/jakearchibald/svgomg/blob/master/README.m...
Re: Super Tiny Website Logos in SVG
#99I have been using https://simpleicons.org for a while now. It is super light and looks great. License is CC0. Although I prefer inlining the icons over using tags.
Is there an easy way to generate SVG icons from image files (.png, .jpg, etc.)? Or are each of these SVG icons created by hand?
Re: Super Tiny Website Logos in SVG
#100Remember to always (every time) set width/height for the tag, otherwise it will fill the entire screen/container.