Live data from Hacker News

Super Tiny Website Logos in SVG

shkspr.mobi

91–100 of 121 posts

Re: Super Tiny Website Logos in SVG

#91

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.

That’s incorrect. You definitely can reuse them using symbol and defs/use.

Re: Super Tiny Website Logos in SVG

#92
post #82
post #3

I 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 use vector magic on a Windows XP VM. I haven't been able to find a Linux/OSS tool that works as well.

Re: Super Tiny Website Logos in SVG

#93

Slight 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.

I don't understand this argument. The ability to do more complex stuff doesn't alter the fact that SVG is a perfectly reasonable vector image format.

Re: Super Tiny Website Logos in SVG

#95

Earlier 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?

Most of the time, when I run InkScape to edit an existing .SVG, it's because I want to just select and drag a few vector endpoints a bit to one side or the other to make minor tweaks. I'd venture that's true for most users. However, it doesn't seem to be the default behavior. I always have to remember how to get into the right selection mode, because the authors seem to think I most likely want to drag the entire image around. Why I would want to do that, I can't imagine, but that's how it works.

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

#97
post #3

I 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?

Looks pretty close to https://www.viber.com/app/uploads/Icon_1024.png for me

Just a little sheared if anything? Can always attribute to stylizing.

Re: Super Tiny Website Logos in SVG

#98
post #82
post #3

I 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?

Just last night I was playing with Primitive [0], which tries to reproduce photographic images by building up layers of shapes. I found this via SQIP [1], was discussed on HN last week.

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

#99
post #82
post #3

I 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?

inkscape can generate them from bitmap formats.

Re: Super Tiny Website Logos in SVG

#100

Remember to always (every time) set width/height for the tag, otherwise it will fill the entire screen/container.

In the case here with the Twitter logo, lack of height attribute causes the logo to look squashed on some oldish browsers. I imagine the addition of height would fix this.
Post reply on HN