top | item 22623970

MIT-licensed high-quality SVG icons

398 points| dandanio | 6 years ago |github.com

42 comments

order
[+] raxxorrax|6 years ago|reply
Neat! I tried my luck with unicode symbols once because they scale nicely as well, but many browsers just desecrate them.

⏪ ⏩ are two examples, while these ► are pretty plain. Not that I don't like the specific designs, but the customization destroys any chance of their use if you want to keep consistent looks. In chrome they are on a blue background. I think other browsers might display them differently. Would be cool to have a neutral design that could be adjusted by font color.

But anyway, thank you for your work!

[+] fenwick67|6 years ago|reply
> In chrome they are on a blue background. I think other browsers might display them differently.

FYI, Unicode has two symbols, xFE0E and xFE0F, which explicitly requests the previous character to display as either a "text" (i.e. a solid vector) or "emoji" representation, respectively. These are well supported in browsers.

[+] dandanio|6 years ago|reply
Not my work, can't take credit. Here is how the author created those: http://67ekjdzqxmmmuiv.codecalm.net/editor.html and all icons are created with a line, an arc and a circle. I found this repo linked on a polish website and figured this community can benefit from it. I also pinged the author to join and answer a few questions you guys have here.
[+] amelius|6 years ago|reply
This is the first time I see someone getting color inside their HN comment.
[+] neiman|6 years ago|reply
Nice!

What does "quality" mean for SVG icons though? I could choose the resolution to be whatever I want.

[+] hotwire|6 years ago|reply
I take it to mean that they're composed well: there's a balanced and sensible spacing/padding, the lines are a good weight, they are easy on the eye, there's a consistent look and feel between all of them etc etc.

For instance, I could mangle some SVG icons and while you could scale them to an infinite size.. you wouldn't want to use them ;)

These look great BTW!

[+] njitbew|6 years ago|reply
Quality as in "a BMW is of better quality than a Peugeot" ;)
[+] TekMol|6 years ago|reply
What is the business model behind this?

The GitHub account links to this site:

https://tabler.io

Which looks like a typical sales page. But it also says "free" everywhere. No info on pricing or business model.

The icons page tays to install the icons like this:

    npm install tabler-icons --save
Does this make you vurnurable to code coming downstream from this repo in the future?
[+] eitland|6 years ago|reply
Maybe they'll introduce something paid later:

- paid support

- paid premium components

- etc

I also see they are already selling email tenplates here: https://gumroad.com/l/tabler-email?utm_source=demo

I'm also very actively looking for a catch whenever I see something like this but this seems entirely benign as far as I can see.

Edit: there's also a pay-what-you-want page when you click download. Still totally ok with me.

[+] lioeters|6 years ago|reply
> Does this make you vulnerable to code coming downstream from this repo in the future?

The command is a standard way to install a module and save that specific version in package.json. By default I believe it's "^x.x.x", which allows patch versions that increment the last number when explicitly updating - otherwise re/install will always get that specific version.

It's no less (or more) secure than any other dependency. The last vulnerability that I heard about was the ability for modules for run arbitrary commands, for example from the pre/post-install step. If I recall correctly, they added an optional way to disable this, but many modules make use of it for compiling native code, etc.

So - I'd say yes, installing any dependency will make you vulnerable to code coming downstream. However, an SVG icon library with little to no executable code can probably be considered low risk.

[+] illumanaughty|6 years ago|reply
This is very common pattern in open source, I don't see anything strange about this particular case.
[+] FraKtus|6 years ago|reply
I am using https://icomoon.io/app/.

I like that I can select only a few icons and generate a custom true type font straight from the web application.

[+] illumanaughty|6 years ago|reply
What benefit would that have vs SVG? It strikes me as cumbersome if you wanted to quickly add icons to an existing project, plus your ability to style with CSS would be limited compared to inline SVG.
[+] fsckboy|6 years ago|reply
fix the title maybe?

"MIT License" is not the same thing as "MIT Licensed". MIT did not license these.

[+] pushedx|6 years ago|reply
Suggested, "High-quality SVG icons with MIT License"
[+] ChrisMarshallNY|6 years ago|reply
Cool! That’s a great way to maintain consistent representation.
[+] markdown|6 years ago|reply
The year is 2020. Even icons have npm install.

    *eyeroll*