10 ms·

MIT-licensed high-quality SVG icons

398 points by dandanio 7y ago

notlukesky 7y ago
Thanks!
bmh 7y ago
Great icons, thanks! Very similar in style to https://feathericons.com/ https://feathericons.com/
- gaoryrt 7y ago
  True, but great design looks alike right? https://evil-icons.io/ https://evil-icons.io/ https://css.gg/ https://css.gg/ https://ikonate.com/ https://ikonate.com/ https://boxicons.com/ https://boxicons.com/
  - njitbew 7y ago
    There seems to be a connection though. This project tabler/tabler-icons is part of Tabler, which features FeatherIcons: https://preview.tabler.io/icons.html https://preview.tabler.io/icons.html. Not saying there's anything wrong here, for all I know it might be the same author on both projects. Taking a closer look, it might even be the case that tabler-icons is just a rebranding of FeatherIcons.
  - 38911BBF 7y ago
    What I really like about these collections is, that half the icons are not just company logos.
TekMol 7y ago
What is the business model behind this? The GitHub account links to this site: https://tabler.io 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 7y ago
  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 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.
- illumanaughty 7y ago
  This is very common pattern in open source, I don't see anything strange about this particular case.
- lioeters 7y ago
  > 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.
  - TekMol 7y ago
    can probably be considered low risk How so? I would think it puts its files in a publicly accessible path. That means if it puts executable code there (python,php,js whatever) in a future release it allows for a server-takeover.
    - lioeters 7y ago
      You're right, I had doubts while writing that. Aside from pre/postinstall scripts, I imagine the SVG and/or CSS files gets copied into a folder of static assets. Depending on how that's done - manual import or part of a build step; specifying file extensions or not; how assets are served, etc. - that could be "vulnerable to code coming downstream".
neiman 7y ago
Nice! What does "quality" mean for SVG icons though? I could choose the resolution to be whatever I want.
- njitbew 7y ago
  Quality as in "a BMW is of better quality than a Peugeot" ;)
- hotwire 7y ago
  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!
  - amelius 7y ago
    They look great indeed. That said, some of the icons reminded me of this article: https://news.ycombinator.com/item?id=22490089 https://news.ycombinator.com/item?id=22490089
raxxorrax 7y ago
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!
- amelius 7y ago
  This is the first time I see someone getting color inside their HN comment.
  - giancarlostoro 7y ago
    Wow yes... Are specific emojis allowed over others? Test: ⏩⏫⏪⏬◀▶⤵↩↔↙↘↖↗⬆⬇⬅↕↪ℹ⤴🆒🈳🈶🈚🈵🆓🆗🆖🈴🈲🉐🈹🈁🆕🆙🈺🆔🆘🆑㊗㊙🈂Ⓜ🉑🈸🈷🅰🅱🆎🅾©®™‼⁉⭕〰◼◻◾◽▪⬜⬛▫〽 Course HN does just fine without Emojis. I can only imagine the amount of downvoting that would ensue. I could see maybe some being useful like the arrows. Edit: By the looks of it the emojis that are meant to be signs work. The ones that are actual faces do not.
    - t0astbread 7y ago
      > Course HN does just fine without Emojis. I can only imagine the amount of downvoting that would ensue. You're probably right on the downvotes but I do wonder why. Is there anything inherently bad about emoji or is HN sometimes just a counterculture for the sake of being a counterculture?
      - giancarlostoro 7y ago
        I think it falls under the "this is not reddit" mantra which I am okay with. I rather see the type of discourse we have on here than just 1 word / 1 emoji responses.
ChrisMarshallNY 7y ago
Cool! That’s a great way to maintain consistent representation.
markdown 7y ago
The year is 2020. Even icons have npm install. *eyeroll*
FraKtus 7y ago
I am using https://icomoon.io/app/ 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 7y ago
  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.
  - GeneralTspoon 7y ago
    On advantage is if you have a lot of icons, you don’t end up making a request per icon. And if you in-line the SVG then you don’t get caching benefits. Plus you can actually style the individual strokes with icomoon icons - it’s just not as trivial. Disclaimer: I’ve been a happy icomoon customer for years (I just wish they had an API).
  - FraKtus 7y ago
    I used them in applications developed in C++. The toolkit is Dear ImGui and I load the TTF font with the simple API AddFontFromMemoryCompressedBase85TTF. Then when I need a button with an Icon I just use it like this: if (ImGui::Button(ICON_FIRST, button_sz)) { } The trick in C++ was to define the ICON_FIST in this way: #define ICON_FIRST u8"\uea21" I can then rescale my interface by simply changing the font size and the icons keep all nice and clean.
extro 7y ago
All of them look soulless minimal shit to me.
- deleted 7y ago
  [deleted]
agseward 7y ago
You have to manually download them, but I find the licensing and scope of https://iconmonstr.com/ https://iconmonstr.com/ to be great.
- diroussel 7y ago
  The downloads are here, on the releases tab: https://github.com/tabler/tabler-icons/releases https://github.com/tabler/tabler-icons/releases
fsckboy 7y ago
fix the title maybe? "MIT License" is not the same thing as "MIT Licensed". MIT did not license these.
- pushedx 7y ago
  Suggested, "High-quality SVG icons with MIT License"
  - dandanio 7y ago
    Thanks! No way to edit it now though...

398 points by dandanio 7y ago

notlukesky 7y ago

Thanks!

bmh 7y ago

Great icons, thanks! Very similar in style to https://feathericons.com/ https://feathericons.com/

gaoryrt 7y ago
True, but great design looks alike right? https://evil-icons.io/ https://evil-icons.io/ https://css.gg/ https://css.gg/ https://ikonate.com/ https://ikonate.com/ https://boxicons.com/ https://boxicons.com/
- njitbew 7y ago
  There seems to be a connection though. This project tabler/tabler-icons is part of Tabler, which features FeatherIcons: https://preview.tabler.io/icons.html https://preview.tabler.io/icons.html. Not saying there's anything wrong here, for all I know it might be the same author on both projects. Taking a closer look, it might even be the case that tabler-icons is just a rebranding of FeatherIcons.
- 38911BBF 7y ago
  What I really like about these collections is, that half the icons are not just company logos.

TekMol 7y ago

What is the business model behind this? The GitHub account links to this site: https://tabler.io 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 7y ago
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 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.
illumanaughty 7y ago
This is very common pattern in open source, I don't see anything strange about this particular case.
lioeters 7y ago
> 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.
- TekMol 7y ago
  can probably be considered low risk How so? I would think it puts its files in a publicly accessible path. That means if it puts executable code there (python,php,js whatever) in a future release it allows for a server-takeover.
  - lioeters 7y ago
    You're right, I had doubts while writing that. Aside from pre/postinstall scripts, I imagine the SVG and/or CSS files gets copied into a folder of static assets. Depending on how that's done - manual import or part of a build step; specifying file extensions or not; how assets are served, etc. - that could be "vulnerable to code coming downstream".

neiman 7y ago

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

njitbew 7y ago
Quality as in "a BMW is of better quality than a Peugeot" ;)
hotwire 7y ago
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!
- amelius 7y ago
  They look great indeed. That said, some of the icons reminded me of this article: https://news.ycombinator.com/item?id=22490089 https://news.ycombinator.com/item?id=22490089

raxxorrax 7y ago

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!

amelius 7y ago
This is the first time I see someone getting color inside their HN comment.
- giancarlostoro 7y ago
  Wow yes... Are specific emojis allowed over others? Test: ⏩⏫⏪⏬◀▶⤵↩↔↙↘↖↗⬆⬇⬅↕↪ℹ⤴🆒🈳🈶🈚🈵🆓🆗🆖🈴🈲🉐🈹🈁🆕🆙🈺🆔🆘🆑㊗㊙🈂Ⓜ🉑🈸🈷🅰🅱🆎🅾©®™‼⁉⭕〰◼◻◾◽▪⬜⬛▫〽 Course HN does just fine without Emojis. I can only imagine the amount of downvoting that would ensue. I could see maybe some being useful like the arrows. Edit: By the looks of it the emojis that are meant to be signs work. The ones that are actual faces do not.
  - t0astbread 7y ago
    > Course HN does just fine without Emojis. I can only imagine the amount of downvoting that would ensue. You're probably right on the downvotes but I do wonder why. Is there anything inherently bad about emoji or is HN sometimes just a counterculture for the sake of being a counterculture?
    - giancarlostoro 7y ago
      I think it falls under the "this is not reddit" mantra which I am okay with. I rather see the type of discourse we have on here than just 1 word / 1 emoji responses.

ChrisMarshallNY 7y ago

Cool! That’s a great way to maintain consistent representation.

markdown 7y ago

The year is 2020. Even icons have npm install. *eyeroll*

FraKtus 7y ago

I am using https://icomoon.io/app/ 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 7y ago
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.
- GeneralTspoon 7y ago
  On advantage is if you have a lot of icons, you don’t end up making a request per icon. And if you in-line the SVG then you don’t get caching benefits. Plus you can actually style the individual strokes with icomoon icons - it’s just not as trivial. Disclaimer: I’ve been a happy icomoon customer for years (I just wish they had an API).
- FraKtus 7y ago
  I used them in applications developed in C++. The toolkit is Dear ImGui and I load the TTF font with the simple API AddFontFromMemoryCompressedBase85TTF. Then when I need a button with an Icon I just use it like this: if (ImGui::Button(ICON_FIRST, button_sz)) { } The trick in C++ was to define the ICON_FIST in this way: #define ICON_FIRST u8"\uea21" I can then rescale my interface by simply changing the font size and the icons keep all nice and clean.

extro 7y ago

All of them look soulless minimal shit to me.

deleted 7y ago
[deleted]

agseward 7y ago

You have to manually download them, but I find the licensing and scope of https://iconmonstr.com/ https://iconmonstr.com/ to be great.

diroussel 7y ago
The downloads are here, on the releases tab: https://github.com/tabler/tabler-icons/releases https://github.com/tabler/tabler-icons/releases

fsckboy 7y ago

fix the title maybe? "MIT License" is not the same thing as "MIT Licensed". MIT did not license these.

pushedx 7y ago
Suggested, "High-quality SVG icons with MIT License"
- dandanio 7y ago
  Thanks! No way to edit it now though...