Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Feather: Open-source icons

feathericons.com

Post reply on HN
Print view View original

111–120 of 146 posts

Re: Feather: Open-source icons

#111

Post by logfromblammo »

otterley wrote: post #85
logfromblammo wrote: post #73

Earlier quoted context omitted.

You have fallen into the confusing intersection between trademark and copyright. Files created by Facebook, depicting the trademarked Facebook logo, are copyrighted by Facebook. Files created by Feather, depicting the trademarked Facebook logo, are copyrighted by Feather. If the latter is freely licensed, with no restrictions on use, you may use that image in whatever manner you please. If you use it in a manner that…

What about the derivative works right? Although not a literal copy, one could argue that making one's own similar version of the logo could constitute a derivative work that could be construed as infringing.

In this example, the copyright interest is in the digital file, not the subject matter of the image. As long as you do not use Facebook's own file, such as by wrapping a PNG downloaded from Facebook in an SVG, there is nothing to derive.

But if you did do that, there would also be nothing transformative either, so your new image file would not be eligible for protection.

If it seems stupid and counterintuitive to separate the property interest in the file from the property interest in the image described by the file, that's because it is. But some people wanted to be able to have copyrighted digital image files based on artworks that have been in the public domain for centuries, so here we are.

Re: Feather: Open-source icons

#112

Post by seanwilson »

CrystalGamma wrote: post #104
seanwilson wrote: post #64

Earlier quoted context omitted.

I prefer SVGs as well now. You can style + animate them with CSS, it's easier to see what changed in your Git diffs and you can quickly edit them in an SVG editor if you need to.

Do you know any way to style them using CSS without using JS? (and while keeping them cacheable)

Unfortunately no but would love to be proved wrong. You can inline them server-side but then they're not cacheable. There's SVG filters but they're not widely supported yet. I'm curious of the reason why this is so difficult actually (security?). What's wrong with using JS?

Re: Feather: Open-source icons

#113

Post by seanwilson »

shakna wrote: post #109
CrystalGamma wrote: post #104

Earlier quoted context omitted.

Do you know any way to style them using CSS without using JS? (and while keeping them cacheable)

Plain CSS works doesn't it? [0] [0] https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SV...

That works because the SVG element is inline with the document. It doesn't work if you use an external link to the SVG document. The standard workaround is to use JS or server-side processing to inline the SVG elements directly into your HTML document.

Re: Feather: Open-source icons

#114

Post by CrystalGamma »

seanwilson wrote: post #112
CrystalGamma wrote: post #104

Earlier quoted context omitted.

Do you know any way to style them using CSS without using JS? (and while keeping them cacheable)

Unfortunately no but would love to be proved wrong. You can inline them server-side but then they're not cacheable. There's SVG filters but they're not widely supported yet. I'm curious of the reason why this is so difficult actually (security?). What's wrong with using JS?

I block it by default, so that wouldn't work. I would love to make web pages that I myself could read/see if they were made by someone else.

Re: Feather: Open-source icons

#115

Post by enzanki_ars »

mynewtb wrote: post #47
chinathrow wrote: post #33

Earlier quoted context omitted.

http://fontawesome.io/

Font Awesome 5 Pre-Orders Now Available! Pre-order and get Font Awesome 5 Pro and ALL stretch goals for just $40! Pre-Order! Errrr what?

There will still be an open source version called Font Awesome 5 Free. See https://fontawesome.com/#pro for more details.

Re: Feather: Open-source icons

#116

Post by inostia »

pvinis wrote: post #18

All these icon collections are great, but I always find missing stuff there, and I don't know how this can be fixed besides complaining (and I don't want to complain when they give it for free). For example, this one looks really nice, but it only has 'battery' and 'battery-charging'. In an app I work on, I need battery with no charge, 25%, 50%, 75%, 100%, and charging. Then I think that this would be small to add, b…

You can't expect a free icon set to have everything you need. This might help you: https://thenounproject.com/search/?q=25%20battery

Re: Feather: Open-source icons

#118

Post by mappu »

onli wrote: post #13
huhtenberg wrote: post #7

Seems like a good time to mention an absolutely awesome - https://icomoon.io/app It allows cherry-picking icons from dozens of different SVG icon packs (including Feather) and packaging them into a custom (web)font. It can also be used to package your own SVG assets into a single font file and then use resulting .woff as an SVG sprite sheet.

I use http://fontello.com/ for that.

I use https://www.npmjs.com/package/fontmin#svgs2ttf for that (as part of my build script).

Re: Feather: Open-source icons

#119

Post by otterley »

logfromblammo wrote: post #111
otterley wrote: post #85

Earlier quoted context omitted.

What about the derivative works right? Although not a literal copy, one could argue that making one's own similar version of the logo could constitute a derivative work that could be construed as infringing.

In this example, the copyright interest is in the digital file, not the subject matter of the image. As long as you do not use Facebook's own file, such as by wrapping a PNG downloaded from Facebook in an SVG, there is nothing to derive. But if you did do that, there would also be nothing transformative either, so your new image file would not be eligible for protection. If it seems stupid and counterintuitive to sep…

> In this example, the copyright interest is in the digital file, not the subject matter of the image.

That's not my understanding of what the derivative works protection covers. What else is to prevent me from making a new Star Wars film using Lucasfilm's (now Disney's) characters?

Re: Feather: Open-source icons

#120

Post by shakna »

seanwilson wrote: post #113
shakna wrote: post #109

Earlier quoted context omitted.

Plain CSS works doesn't it? [0] [0] https://developer.mozilla.org/en-US/docs/Web/SVG/Tutorial/SV...

That works because the SVG element is inline with the document. It doesn't work if you use an external link to the SVG document. The standard workaround is to use JS or server-side processing to inline the SVG elements directly into your HTML document.

Okay, here's a better example. [0]

That's a linked svg, styled with CSS, though the CSS gets linked into the SVG header, rather than inherited from the page it is on.
However, still possible to use CSS, rather than JS, without inlining.

[0] http://blogs.sitepointstatic.com/examples/tech/svg-basics/sv...

Post reply on HN