A collection of SVG logos for developers | Hacker News Reader

A collection of SVG logos for developers

svgporn.com

92 pointsgilbarbara44 comments

The site owner should seriously consider running these SVG images through "scour" because each image is roughly 2X the size it should be.

Since SVG images are using XML, they can be minified just like JS, CSS, or HTML documents. Scour is a python script that does just that, but is SVG aware so it removes unused XML attributes, etc. Like any lossless optimization, the resulting file is a pixel perfect copy (can you still say that for vector images?)

Does this really help. Yes actually. I'm getting over 800 KB of savings across all the images applying scour.

https://my.zoompf.com/s/165313?tid=im&srt=sev&asc=false&pgo=...

Depends, though - speaking from the perspective of a front-end developer/designer, it's almost universally preferable to have the non-minified versions of any image, and in this case, being able to easily work directly on the XML is a massive plus. Ideally they should be minified as part of a build step. A minified version for prototyping/rapid development would be handy though.

Yeah, that's the point. I think it's best to have the proper unminified version and do as you please

I completely agree. Keep original unminified versions of all of your resources, and do the optimizations as part of a build process, so your production visitors are getting the smaller version

Scour isn't 'lossless'. "Scour attempts to optimize the file, and as result, it will change the file's structure and (possibly) its semantics"

Scour can do things like change Ids, remove 'unused' data, and so on - but if you are planning on operating on the SVG using script, maybe you need those IDs or that data.

No no no! Plz do not shrink them! Every developer knows how to shrink SVG. But it's really hard to get nice readable SVG back from shrinked ones. Better this way...

There isn't much you can do to SVG to hurt readability, actually. Scour mostly removes things such as superfluous IDs, superfluous elements in <defs> that are not used, shortens IDs, rewrites CSS into XML attributes where appropriate, removes attributes that replicate defaults, rewrites paths with a bit less whitespace and most importantly reduces the accuracy of numeric constants. The latter is in many cases the greatest reduction. And you don't notice the difference between 8 digits after the decimal point or 5 (unless the local viewBox is seriously fucked up).

`xmllint --format` is probably pretty good at recovering readability.

I think the name cuts your potential users. Some people would rather not risk nsfw and thus be wary if sent such a link.

Ya, "SVG Porn" doesn't hint at all that porn is an innuendo.

Scalable vector erotica might be nice, but that's a different audience.

unfortunately it automatically gets filtered by corporate firewalls.

Yeah, I had similar thoughts

svgcandy.com is available, which would convey much of the same idea

I didn't click on the link before reading the comments... or even after, now that I'm here.

Turns out that momentary pause is a killer.

Some web filters will block any URL with "porn" in it.

Well, I know that I've been flagged by the IT system for going to a url with porn in the domain name :/

Or conversely, would be disappointed when clicking the link.

The site's title font is awfully suggestive too

It's part of the new verbage of the internet. Similar examples include: https://www.reddit.com/r/earthporn

Just because it's a trend doesn't mean it's a good trend...

Where are these from? Recreated by hand? Sourced from official sites where possible?

Shouldn't there be attribution?

I just added a copyright notice in the git repo.

Git repo? Where?

Don't link me it here, it should be on the site.

These must be great to make stickers.

P.S.: I bet that most people never seem the JSON logo (http://svgporn.com/json.svg).

http://www.brandsoftheworld.com

I think the name is appropriate. These looked so good that I just did a rather sensuous sigh when I saw them.

my thoughts exactly! :)

I just realized Polymer logo : http://svgporn.com/polymer.svg reminds me of Visual Studio for some reason - I needed to hover over it to see it's not some VS version.

It would be also nice to have title-tooltips to show the product name, in case you don't know one of them

ok, it's already in place...! however in mobile browsers you can't see them

Plz add a option to download them all as ZIP file. :) Btw. nice work!

You can use the "Download ZIP" button on the Github repo: https://github.com/gilbarbara/logos/

... or is it at github? That would serve my needs. ;)

same minute. Thanks! :)

SVG pornography ? Is that some kind of NSFW fetish ?

It's a fetish, but it's safe for work!

it will filtered by most corporate firewalls, like mine.

Deleted comment

I don't think any of these logos are usually animated, so why should they be here?

the Require.js logo has the hover title 'Redis'.

Any possibility or getting Erlang and Scala logos?

Any reason why Facebook’s logo is missing?

These logos appear to relate specifically to development tools & libraries. Facebook is a tech product, but not typically considered a development tool/library. Similarly, you don't see Twitter, G+, Reddit, Instagram, etc. logos.

11 new logos added tonight!

Reply on news.ycombinator.com