9 ms·
Devicons, an iconic font made for developers
- gteno 12y agoThanks and Great work <li>Download and extract the repository</li> <li>Copy the <code>devicons.css</code> to your project</li> <li>Copy the <code>fonts</code> folder to your project</li>
- MozMorris 12y agoLink to GitHub repos: https://github.com/vorillaz/devicons https://github.com/vorillaz/devicons
- hcho 12y agoSome of the logos reproduced in this belong to very litigatious companies. I don't think this will live too long.
- dimillian 12y agoThis is totally awesome.
- MatthewWilkes 12y agoIt's pretty impressive that they've managed to make a site that shows off some icons hang on a loading indicator.
- julien_c 12y agoSomeone please make a logo quiz for this!
- riffraff 12y agoa title attribute would be nice, I honestly have no idea what half of this icons are :)
- SimeVidas 12y agoThe thin font used for the tags has readability issues. Is this a Windows-only problem? Screen: https://twitter.com/simevidas/status/490104115826270208 https://twitter.com/simevidas/status/490104115826270208
- martiuk 12y agoI'm using chromium, with directwrite enabled and it looks exactly like you're describing. Thin fonts with Chrome/Chromium are always a problem.
- SimeVidas 12y agoFonts were a problem in Chrome before it started using DirectWrite, but in this case, DirectWrite seems to be unable to render the font properly as the issue is present in IE too.
- nezza-_- 12y agoLooks terrible on a retina MacBook too... (in 1920 mode) http://imgur.com/a/ntEQW http://imgur.com/a/ntEQW
- walterbell 12y agoWhat software was used to design these icons, i.e. how would one go about adding a new icon?
- deleted 12y ago[deleted]
- lifeisstillgood 12y agoI am not sure I get it - it seems to be logos of well known tech companies or their well known products. Why would I want to use someone else's icon ?
- lhnz 12y agoPerhaps if you were building a web version of your CV you might want to use icons to symbolise knowledge.
- marcosdumay 12y agoDoing that comes with a huge Google indexing penalty.
- mixmastamyk 12y agoDo tell...
- jbverschoor 12y agoWow, so much negativity here on HN. I think it's a pretty cool set of icons.
- SimeVidas 12y agoThe author instructs loading the entire font package, which is 35KB, onto you website. I don't think this is a good approach from a performance perspective. I recommend using tools like Fontello to create custom font files with just the icons you need.
- shubb 12y agoNot web dev question - I'm curious, what is the advantage of using a font rather than images?
- joeyspn 12y agoLess http petitions and bandwidth. Also, they are vector-based so are great for all resolutions and sizes.
- joeyspn 12y agoWhy is this being downvoted? Did I say anything false?
- rguldener 12y agoFont files are vector "images" which means your icons will scale gracefully to any size. This is probably the main advantage. Depending on the complexity I imagine fonts would also be smaller than corresponding bitmaps although I never actually checked.
- moron4hire 12y agoThey can also be recolored more easily, making themes easier to maintain.
- nilved 12y agoBut they can only be one color. I don't think gradients and stuff work on them.
- norswap 12y agoOr you know, you could just use plain images.
- Argorak 12y agoPay attention when using the Rails logo: http://www.rubyinside.com/david-heinemeier-hansson-says-no-to-use-of-rails-logo-567.html http://www.rubyinside.com/david-heinemeier-hansson-says-no-t...
- joeyspn 12y agoI was going to say this... Any person designing this kind of logo collections should ask first. Legal troubles can arise. Sad but true...
- stronglikedan 12y agoI don't think the responsibility to get legal permission is on the creator of the collection, but on the person using the logo instead.
- icebraining 12y agoIf the creator is distributing the collection, it's legally her/his responsibility, as well as of everyone who uses it. That said, fair use applies.
- Argorak 12y agoYou think or you are sure? The creator of the collection is using the logo by putting it on the web page. Also, the logo is licensed under MIT, which he probably cannot do, if he doesn't hold the rights.
- TuxLyn 12y agoVery nice, thank you. Will definantly use it.
- wwarren 12y agoIn the browser support section, shouldn't "IE up to 8" be "IE down to 8"?
- fishbacon 12y ago"IE 8 and up."
- adamgravitis 12y ago"an iconic font made for developers, code jedis, ninjas, HTTPsters, evangelists and nerds." Urgh. Why do people do this?
- ToastyMallows 12y agoI read this as more of a tounge-in-cheek joke about people who do this, but I may be wrong.
- pilsetnieks 12y agoThey forgot rockstars.
- msane 12y agoThey aren't just vectorizing other peoples logos and calling it an iconset. They're "sampling" other peoples logos, in a hip hop sense.
- vorillaz 12y agoI thought that would be a good catchphrase to grab some attention. My apologies.
- mikeleeorg 12y agoI thought it was pretty funny. It seemed absurd enough that I thought it was totally tongue-in-cheek.
- psz 12y agoWhy bother? Isn't it better just to donate these icons to Fontawesome?
- rorydh 12y agoPostgreSQL! ...man
- dfrey 12y agoThere seems to be an embarrassingly large number of people who think web developers == developers.
- bpatrianakos 12y agoI think it's all about context. It's been my experience that "developer" is mostly applied to web developers and "programmer" is most often used when talking about desktop application development. In this context I don't think adding the word "web" before "developer" makes it any more clear as it's web developers who mostly use icon fonts and web developers who are the target audience here.
- kibibu 12y agoI'm not convinced that's how the split works - I don't think I've ever heard the phrase ".NET programmer", for example, and it was originally a desktop tech. See also: "App developer", "Java developer", "mobile developer", etc. Contrast: "assembly programmer", "COBOL programmer". Also, this guy is the authority, and he was talking to desktop devs: https://www.youtube.com/watch?v=8To-6VIJZRE https://www.youtube.com/watch?v=8To-6VIJZRE
- TheAceOfHearts 12y agoIs it just me or is this page painfully slow on mobile...? I have a Nexus 5.
- oneeyedpigeon 12y agoTerrible on iPad. I eventually tried to interact with the spinning loading pencil it was taking so long.
- sheetjs 12y agoHas anyone cleared the corporate logo use with a lawyer? In particular, keep in mind the following regarding the Apple logo: # NOTE: The graphic image associated with the Apple logo character # is not authorized for use without permission of Apple, and # unauthorized use might constitute trademark infringement. http://www.unicode.org/Public/MAPPINGS/VENDORS/APPLE/ROMAN.TXT http://www.unicode.org/Public/MAPPINGS/VENDORS/APPLE/ROMAN.T...
- JohnTHaller 12y agoAll trademarks fall under that, realistically, not just Apple.
- vorillaz 12y agoI am aware of that. As the developer of Devicons I am not claiming any rights upon the logos. Also take a look at the note at the very bottom of the page: Note: All brand icons are trademarks of their respective owners. The use of these trademarks does not indicate endorsement of the trademark holder by the author, nor vice versa.
- deleted 12y ago[deleted]
- pornel 12y agoI wish icon fonts used ligatures to select the right glyph, rather than meaningless codepoints (e.g. you can make font automagically replace characters "git" with the Git logo). Otherwise these fonts end up being used in a non-accessible way (I browse with webfonts disabled and keep seeing boxes instead of images, with no fallback or a useless display:none'd fallback).
- vorillaz 12y agoPUA characters are use as a proper way in order to render in all browsers. https://news.ycombinator.com/item?id=8052346 https://news.ycombinator.com/item?id=8052346
- pornel 12y agoAlthough private use area is technically a proper way to add a custom symbol to Unicode font/text, it's not the best way from accessibility perspective. For users who can't see the font the character will be completely meaningless. Instead of getting e.g. "Compatible with Linux!" they'll get "Compatible with reserved symbol U+E001!"
- windsurfer 12y agoIs there an example of a font that does this anywhere?
- pornel 12y agoYes! https://symbolset.com/ https://symbolset.com/
- scrollaway 12y agoThat is incredibly cool. Thank you for linking it. Isn't it most likely that people don't do this because they simply don't know about it?
- umberto 12y agoThe .NET logo is wrong, this is not the C#/MS logo. The logo used comes from a Brit publication called ".net" which has nothing to do with MS .NET.
- codereflection 12y agoI noticed that too, so I opened up an issue on the repo: https://github.com/vorillaz/devicons/issues/17 https://github.com/vorillaz/devicons/issues/17
- jayrhynas 12y agoWell, the selector is "devicons-netmagazine" so it seems intentional
- basseq 12y agoI was disappointed this was just logos, rather than an icon font for developers. I was expecting useful icons that aren't a part of sets like Glyphicon (databases, servers, etc.).
- vorillaz 12y agoThat is not the initial purpose of Devicons. You can try some other free font set such as Ionicons or Font Awesome.
- rco8786 12y agoWhy Yahoo but no Twitter/Facebook?
- vorillaz 12y agoI have grabbed developer related websites/social networks. Furthermore Facebook and Twitter are already in use in other icon fonts.
- twotwotwo 12y agoI, for one, welcome all progress towards the inevitable vector future without unnecessary pixelation. :) I think the Go gopher is, rather than a trademark, a copyrighted work under a CC-Attribution license. The attribution to make this use of it legit could just be adding "Go gopher by Renee French, under CC-Attribution license" to the Note section. (See http://blog.golang.org/gopher. http://blog.golang.org/gopher.)