5 ms·

I have been using https://simpleicons.org https://simpleicons.org for a while now. It is super light and looks great. License is CC0. Although I prefer inlining

by kekub 9y ago

I have been using https://simpleicons.org 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 <img> tags.

edent 9y ago
That's a wonderful resource - thanks for sharing. I'm certainly going to incorporate them into future versions.
aw3c2 9y ago
You can minify those a lot. I tried some on https://jakearchibald.github.io/svgomg/ https://jakearchibald.github.io/svgomg/ and got ~20%-30% without any visual changes.
thinkloop 9y ago
Cool resource, what do the color codes mean? All the icons seem to be in black when you download them. I've never seen a CC0 license before, looking it up, but if anyone knows what its about, feel free to share! Here is a resource of svgs of cryptocurrency icons: https://github.com/allienworks/cryptocoins/tree/master/SVG https://github.com/allienworks/cryptocoins/tree/master/SVG
- maddyboo 9y ago
  You can set the `fill` attribute on the `svg` tag to set the fill color, e.g. `<svg ... fill="#7C529E">...</svg>` I'm guessing that site just includes recommended color codes for your reference, but you're able to set the color to whatever you want.
- cokernel 9y ago
  CC0 is Creative Commons's license for dedication to the public domain: https://creativecommons.org/publicdomain/zero/1.0/ https://creativecommons.org/publicdomain/zero/1.0/
  - thinkloop 9y ago
    It seems like one of the most permissive licenses, is it taking over MIT?
    - semi-extrinsic 9y ago
      As I understand it, "code licenses" like MIT and "content licenses" like Creative Commons have slightly different intended areas of application, and you shouldn't mix them. E.g. "linking" means different things for code and images. So you'd use e.g. CC0 for an icon set together with MIT license for some javascript/whatnot code that goes with your icons.
      - tordanik 9y ago
        CC0 can be used for source code. For example, the FSF lists it as a GPL-compatible free software license and states: "If you want to release your work to the public domain, we recommend you use CC0." https://www.gnu.org/licenses/license-list.en.html#CC0 https://www.gnu.org/licenses/license-list.en.html#CC0 Creative Commons themselves have published a FAQ entry on the matter: https://wiki.creativecommons.org/wiki/CC0_FAQ#May_I_apply_CC0_to_computer_software.3F_If_so.2C_is_there_a_recommended_implementation.3F https://wiki.creativecommons.org/wiki/CC0_FAQ#May_I_apply_CC...
    - tripzilch 9y ago
      CC0 reverts to "Public Domain" in countries/jurisdictions where this is a thing. When this is not possibly it tries to legally define the closest thing possible. "Public Domain" in particular means that the author distances themselves entirely from the work and all the rights pertaining to it. You don't need to credit them, I believe you could even claim it as your own (that'd be ethically dishonest IMHO, but legally fine). Second, the author also distances themselves from any responsibilities regarding this work (such as accuracy, fitness for any purpose or safety). From what I've learned about copyright and IP law (extracurricular course next to my CS education, highly recommend if you get the opportunity) and reading, it's especially these last two points that are sometimes (in some jurisdictions/countries) difficult to get rid of or distance yourself from, as an creator. They don't always allow it. For instance (someone correct me if I remember this wrong), in the Netherlands a creator cannot fully distance themselves from the right to claim "I created this". Meaning that ghost-writing is contractually not possible and relies on the honour of the ghost-writer to keep their mouth shut. It's a bit of a vague thing and we didn't delve too deeply into that example. It's generally a minor thing. Same goes for whether a creator can ever fully distance themselves from any responsibilities over the work they created. I can imagine some jurisdictions may not allow that either. I'm not sure how that works in NL (was not covered in the course). Anyway in this sense, CC0 is a lot like the WTFPL without the profanity, I guess :)
everdev 9y ago
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?
- ficklepickle 9y ago
  I use vector magic on a Windows XP VM. I haven't been able to find a Linux/OSS tool that works as well.
- watersb 9y ago
  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 https://github.com/fogleman/primitive [1] https://github.com/technopagan/sqip https://github.com/technopagan/sqip [2] https://github.com/jakearchibald/svgomg/blob/master/README.md https://github.com/jakearchibald/svgomg/blob/master/README.m...
- ekianjo 9y ago
  inkscape can generate them from bitmap formats.
- jankovicsandras 9y ago
  ImageTracer is a simple raster image tracer and vectorizer that outputs SVG, 100% free, Public Domain. Available in JavaScript (works both in the browser and with Node.js), "desktop" Java and "Android" Java: https://github.com/jankovicsandras/imagetracerjs https://github.com/jankovicsandras/imagetracerjs https://github.com/jankovicsandras/imagetracerjava https://github.com/jankovicsandras/imagetracerjava https://github.com/jankovicsandras/imagetracerandroid https://github.com/jankovicsandras/imagetracerandroid You can use svgo to optimize the SVG afterwards: https://github.com/svg/svgo https://github.com/svg/svgo
saagarjha 9y ago
Huh, that Viber icon looks odd. Is it my browser or is it just poorly drawn?
- bpicolo 9y ago
  Looks pretty close to https://www.viber.com/app/uploads/Icon_1024.png https://www.viber.com/app/uploads/Icon_1024.png for me Just a little sheared if anything? Can always attribute to stylizing.
  - saagarjha 9y ago
    Yes, the concentric arcs are sheared–I'm seeing this on Safari, Chrome, and Firefox, so I think it's the image rather than my browser's style.
ComputerGuru 9y ago
What’s with the random (wrong) colors for most - but not all - of the icons?

by kekub 9y ago

I have been using https://simpleicons.org 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 <img> tags.

edent 9y ago

That's a wonderful resource - thanks for sharing. I'm certainly going to incorporate them into future versions.

aw3c2 9y ago

You can minify those a lot. I tried some on https://jakearchibald.github.io/svgomg/ https://jakearchibald.github.io/svgomg/ and got ~20%-30% without any visual changes.

thinkloop 9y ago

Cool resource, what do the color codes mean? All the icons seem to be in black when you download them. I've never seen a CC0 license before, looking it up, but if anyone knows what its about, feel free to share! Here is a resource of svgs of cryptocurrency icons: https://github.com/allienworks/cryptocoins/tree/master/SVG https://github.com/allienworks/cryptocoins/tree/master/SVG

maddyboo 9y ago
You can set the `fill` attribute on the `svg` tag to set the fill color, e.g. `<svg ... fill="#7C529E">...</svg>` I'm guessing that site just includes recommended color codes for your reference, but you're able to set the color to whatever you want.
cokernel 9y ago
CC0 is Creative Commons's license for dedication to the public domain: https://creativecommons.org/publicdomain/zero/1.0/ https://creativecommons.org/publicdomain/zero/1.0/
- thinkloop 9y ago
  It seems like one of the most permissive licenses, is it taking over MIT?
  - semi-extrinsic 9y ago
    As I understand it, "code licenses" like MIT and "content licenses" like Creative Commons have slightly different intended areas of application, and you shouldn't mix them. E.g. "linking" means different things for code and images. So you'd use e.g. CC0 for an icon set together with MIT license for some javascript/whatnot code that goes with your icons.
    - tordanik 9y ago
      CC0 can be used for source code. For example, the FSF lists it as a GPL-compatible free software license and states: "If you want to release your work to the public domain, we recommend you use CC0." https://www.gnu.org/licenses/license-list.en.html#CC0 https://www.gnu.org/licenses/license-list.en.html#CC0 Creative Commons themselves have published a FAQ entry on the matter: https://wiki.creativecommons.org/wiki/CC0_FAQ#May_I_apply_CC0_to_computer_software.3F_If_so.2C_is_there_a_recommended_implementation.3F https://wiki.creativecommons.org/wiki/CC0_FAQ#May_I_apply_CC...
  - tripzilch 9y ago
    CC0 reverts to "Public Domain" in countries/jurisdictions where this is a thing. When this is not possibly it tries to legally define the closest thing possible. "Public Domain" in particular means that the author distances themselves entirely from the work and all the rights pertaining to it. You don't need to credit them, I believe you could even claim it as your own (that'd be ethically dishonest IMHO, but legally fine). Second, the author also distances themselves from any responsibilities regarding this work (such as accuracy, fitness for any purpose or safety). From what I've learned about copyright and IP law (extracurricular course next to my CS education, highly recommend if you get the opportunity) and reading, it's especially these last two points that are sometimes (in some jurisdictions/countries) difficult to get rid of or distance yourself from, as an creator. They don't always allow it. For instance (someone correct me if I remember this wrong), in the Netherlands a creator cannot fully distance themselves from the right to claim "I created this". Meaning that ghost-writing is contractually not possible and relies on the honour of the ghost-writer to keep their mouth shut. It's a bit of a vague thing and we didn't delve too deeply into that example. It's generally a minor thing. Same goes for whether a creator can ever fully distance themselves from any responsibilities over the work they created. I can imagine some jurisdictions may not allow that either. I'm not sure how that works in NL (was not covered in the course). Anyway in this sense, CC0 is a lot like the WTFPL without the profanity, I guess :)

everdev 9y ago

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?

ficklepickle 9y ago
I use vector magic on a Windows XP VM. I haven't been able to find a Linux/OSS tool that works as well.
watersb 9y ago
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 https://github.com/fogleman/primitive [1] https://github.com/technopagan/sqip https://github.com/technopagan/sqip [2] https://github.com/jakearchibald/svgomg/blob/master/README.md https://github.com/jakearchibald/svgomg/blob/master/README.m...
ekianjo 9y ago
inkscape can generate them from bitmap formats.
jankovicsandras 9y ago
ImageTracer is a simple raster image tracer and vectorizer that outputs SVG, 100% free, Public Domain. Available in JavaScript (works both in the browser and with Node.js), "desktop" Java and "Android" Java: https://github.com/jankovicsandras/imagetracerjs https://github.com/jankovicsandras/imagetracerjs https://github.com/jankovicsandras/imagetracerjava https://github.com/jankovicsandras/imagetracerjava https://github.com/jankovicsandras/imagetracerandroid https://github.com/jankovicsandras/imagetracerandroid You can use svgo to optimize the SVG afterwards: https://github.com/svg/svgo https://github.com/svg/svgo

saagarjha 9y ago

Huh, that Viber icon looks odd. Is it my browser or is it just poorly drawn?

bpicolo 9y ago
Looks pretty close to https://www.viber.com/app/uploads/Icon_1024.png https://www.viber.com/app/uploads/Icon_1024.png for me Just a little sheared if anything? Can always attribute to stylizing.
- saagarjha 9y ago
  Yes, the concentric arcs are sheared–I'm seeing this on Safari, Chrome, and Firefox, so I think it's the image rather than my browser's style.

ComputerGuru 9y ago

What’s with the random (wrong) colors for most - but not all - of the icons?