Devicons - An iconic font made for developers
Home Page: http://vorillaz.github.io/devicons/
I'm Theodore, a software engineer based in Athens, Greece. I also lead the @proximahq initiative for better analytics in the web and occasionally I travel and speak at conferences.
You can find out more info and other social links on my website.
And lots of other icons for developers too like C#, Visual Studio etc.
Looking forward to new additions.
Plans to add icons for platforms like Heroku, AWS, Linode or APIs like Mandrill, Sendgrid, etc.?
The icon for .net is incorrect. The logo that has been used is not associated with the Microsoft .NET framework.
The current logo for the Microsoft .NET framework is:
Hi,
I have some idea for new icons.
tech :
workflow : (?)
other:
I dont know if all icons must be include (like workflow) but I think it's can be a good idea. What do you think ?
Tested in Firefox 27 and Chrome 35.0.1916.153.
I've been trying to use Devicons in Indesign on a resume and unfortunately only 64 of the icons are available. Additionally, I cannot call an icon with a keywords (e.g. ruby) like when using Symbolset icons in Indesign. That, admittedly, is the lesser of the two issues. Support for every icon from the .ttf file when adding that file to fonts from Mac OSX would be wonderful!
<link href='http://fonts.googleapis.com/css?family=Lato:100,400,700|Oswald:400,300' rel='stylesheet' type='text/css'>
on https://vorillaz.github.io/devicons/
should be
<link href='https://fonts.googleapis.com/css?family=Lato:100,400,700|Oswald:400,300' rel='stylesheet' type='text/css'>
The only icon I miss much is for Erlang as seen in the corner on erlang.org. Also PNG and SVG.
Thanks a lot for such an awesome font! 👍
Suggest remapping glyphs to a private use area range (\E000 - \EFFF) of the Unicode map so in the event the font fails to load its not represented by Arabic characters which take up the same range (\E600+) currently used.
Also improves accessibility as screen readers will not read characters mapped to a private use area.
there's no perl icons
http://www.perlfoundation.org/perl_trademark#user_logos
and perl6 http://perl6.org/
I dont know what are you doing with git, and how can you have pushed this on the repo when your file is in conflict :O. It's sense to never happened because git stop you until you have entirely merge your working tree :D
People using your lib accross versionning platform have some troubles ...
/*!
* Devicons 1.5.0 made by Theodore Vorillas / http://vorillaz.com
*/
<<<<<<< HEAD
@font-face{font-family:'devicons';src:url("../fonts/devicons.eot?xqxft6");src:url("../fonts/devicons.eot?#iefixxqxft6") format("embedded-opentype"),url("../fonts/devicons.woff?xqxft6") format("woff"),url("../fonts/devicons.ttf?xqxft6") format("truetype"),url("../fonts/devicons.svg?xqxft6#devicons") format("svg");font-weight:normal;font-style:normal}.devicons{font-family:'devicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.devicons-git:before{content:"\e602"}.devicons-git_compare:before{content:"\e628"}.devicons-git_branch:before{content:"\e625"}.devicons-git_commit:before{content:"\e629"}.devicons-git_pull_request:before{content:"\e626"}.devicons-git_merge:before{content:"\e627"}.devicons-bitbucket:before{content:"\e603"}.devicons-github_alt:before{content:"\e608"}.devicons-github_badge:before{content:"\e609"}.devicons-github:before{content:"\e60a"}.devicons-github_full:before{content:"\e617"}.devicons-java:before{content:"\e638"}.devicons-ruby:before{content:"\e639"}.devicons-scala:before{content:"\e637"}.devicons-python:before{content:"\e63c"}.devicons-go:before{content:"\e624"}.devicons-ruby_on_rails:before{content:"\e63b"}.devicons-django:before{content:"\e61d"}.devicons-markdown:before{content:"\e63e"}.devicons-php:before{content:"\e63d"}.devicons-mysql:before{content:"\e604"}.devicons-streamline:before{content:"\e605"}.devicons-database:before{content:"\e606"}.devicons-laravel:before{content:"\e63f"}.devicons-javascript:before{content:"\e64e"}.devicons-angular:before{content:"\e653"}.devicons-backbone:before{content:"\e652"}.devicons-coffeescript:before{content:"\e651"}.devicons-jquery:before{content:"\e650"}.devicons-modernizr:before{content:"\e620"}.devicons-jquery_ui:before{content:"\e654"}.devicons-ember:before{content:"\e61b"}.devicons-dojo:before{content:"\e61c"}.devicons-nodejs:before{content:"\e619"}.devicons-nodejs_small:before{content:"\e618"}.devicons-javascript_shield:before{content:"\e64f"}.devicons-bootstrap:before{content:"\e647"}.devicons-sass:before{content:"\e64b"}.devicons-css3_full:before{content:"\e64a"}.devicons-css3:before{content:"\e649"}.devicons-html5:before{content:"\e636"}.devicons-html5_multimedia:before{content:"\e632"}.devicons-html5_device_access:before{content:"\e633"}.devicons-html5_3d_effects:before{content:"\e635"}.devicons-html5_connectivity:before{content:"\e634"}.devicons-ghost_small:before{content:"\e614"}.devicons-ghost:before{content:"\e61f"}.devicons-magento:before{content:"\e640"}.devicons-joomla:before{content:"\e641"}.devicons-jekyll_small:before{content:"\e60d"}.devicons-drupal:before{content:"\e642"}.devicons-wordpress:before{content:"\e60b"}.devicons-grunt:before{content:"\e64c"}.devicons-bower:before{content:"\e64d"}.devicons-npm:before{content:"\e61e"}.devicons-yahoo_small:before{content:"\e62b"}.devicons-yahoo:before{content:"\e615"}.devicons-bing_small:before{content:"\e600"}.devicons-windows:before{content:"\e60f"}.devicons-linux:before{content:"\e612"}.devicons-ubuntu:before{content:"\e63a"}.devicons-android:before{content:"\e60e"}.devicons-apple:before{content:"\e611"}.devicons-appstore:before{content:"\e613"}.devicons-phonegap:before{content:"\e630"}.devicons-blackberry:before{content:"\e623"}.devicons-stackoverflow:before{content:"\e610"}.devicons-techcrunch:before{content:"\e62c"}.devicons-codrops:before{content:"\e62f"}.devicons-css_tricks:before{content:"\e601"}.devicons-smashing_magazine:before{content:"\e62d"}.devicons-netmagazine:before{content:"\e62e"}.devicons-codepen:before{content:"\e616"}.devicons-cssdeck:before{content:"\e62a"}.devicons-hackernews:before{content:"\e61a"}.devicons-dropbox:before{content:"\e607"}.devicons-google_drive:before{content:"\e631"}.devicons-visualstudio:before{content:"\e60c"}.devicons-unity_small:before{content:"\e621"}.devicons-rasberry_pi:before{content:"\e622"}.devicons-chrome:before{content:"\e643"}.devicons-ie:before{content:"\e644"}.devicons-firefox:before{content:"\e645"}.devicons-opera:before{content:"\e646"}.devicons-safari:before{content:"\e648"}.devicons-swift:before{content:"\e655"}.devicons-symfony:before{content:"\e656"}.devicons-symfony_badge:before{content:"\e657"}.devicons-less:before{content:"\e658"}.devicons-stylus:before{content:"\e659"}.devicons-trello:before{content:"\e65a"}.devicons-atlassian:before{content:"\e65b"}.devicons-jira:before{content:"\e65c"}.devicons-envato:before{content:"\e65d"}.devicons-snap_svg:before{content:"\e65e"}.devicons-raphael:before{content:"\e65f"}.devicons-google_analytics:before{content:"\e660"}.devicons-compass:before{content:"\e661"}.devicons-onedrive:before{content:"\e662"}.devicons-gulp:before{content:"\e663"}.devicons-atom:before{content:"\e664"}.devicons-cisco:before{content:"\e665"}.devicons-nancy:before{content:"\e666"}.devicons-clojure:before{content:"\e668"}.devicons-clojure_alt:before{content:"\e66a"}.devicons-perl:before{content:"\e669"}.devicons-celluloid:before{content:"\e66b"}.devicons-w3c:before{content:"\e66c"}.devicons-redis:before{content:"\e66d"}.devicons-postgresql:before{content:"\e66e"}.devicons-webplatform:before{content:"\e66f"}.devicons-jenkins:before{content:"\e667"}.devicons-requirejs:before{content:"\e670"}.devicons-opensource:before{content:"\e671"}.devicons-typo3:before{content:"\e672"}.devicons-uikit:before{content:"\e673"}.devicons-doctrine:before{content:"\e674"}.devicons-groovy:before{content:"\e675"}.devicons-nginx:before{content:"\e676"}.devicons-haskell:before{content:"\e677"}.devicons-zend:before{content:"\e678"}.devicons-gnu:before{content:"\e679"}.devicons-yeoman:before{content:"\e67a"}.devicons-heroku:before{content:"\e67b"}.devicons-debian:before{content:"\e67d"}.devicons-travis:before{content:"\e67e"}.devicons-dotnet:before{content:"\e67f"}.devicons-codeigniter:before{content:"\e680"}.devicons-javascript_badge:before{content:"\e681"}.devicons-yii:before{content:"\e682"}.devicons-msql_server:before{content:"\e67c"}.devicons-composer:before{content:"\e683"}.devicons-krakenjs_badge:before{content:"\e684"}.devicons-krakenjs:before{content:"\e685"}.devicons-mozilla:before{content:"\e686"}.devicons-firebase:before{content:"\e687"}.devicons-sizzlejs:before{content:"\e688"}.devicons-creativecommons:before{content:"\e689"}.devicons-creativecommons_badge:before{content:"\e68a"}.devicons-mitlicence:before{content:"\e68b"}.devicons-senchatouch:before{content:"\e68c"}.devicons-bugsense:before{content:"\e68d"}.devicons-extjs:before{content:"\e68e"}.devicons-mootools_badge:before{content:"\e68f"}.devicons-mootools:before{content:"\e690"}.devicons-ruby_rough:before{content:"\e691"} */;
=======
* @font-face{font-family:'devicons';src:url("../fonts/devicons.eot?xqxft6");src:url("../fonts/devicons.eot?#iefixxqxft6") format("embedded-opentype"),url("../fonts/devicons.woff?xqxft6") format("woff"),url("../fonts/devicons.ttf?xqxft6") format("truetype"),url("../fonts/devicons.svg?xqxft6#devicons") format("svg");font-weight:normal;font-style:normal}.devicons{font-family:'devicons';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.devicons-git:before{content:"\e602"}.devicons-git_compare:before{content:"\e628"}.devicons-git_branch:before{content:"\e625"}.devicons-git_commit:before{content:"\e629"}.devicons-git_pull_request:before{content:"\e626"}.devicons-git_merge:before{content:"\e627"}.devicons-bitbucket:before{content:"\e603"}.devicons-github_alt:before{content:"\e608"}.devicons-github_badge:before{content:"\e609"}.devicons-github:before{content:"\e60a"}.devicons-github_full:before{content:"\e617"}.devicons-java:before{content:"\e638"}.devicons-ruby:before{content:"\e639"}.devicons-scala:before{content:"\e637"}.devicons-python:before{content:"\e63c"}.devicons-go:before{content:"\e624"}.devicons-ruby_on_rails:before{content:"\e63b"}.devicons-django:before{content:"\e61d"}.devicons-markdown:before{content:"\e63e"}.devicons-php:before{content:"\e63d"}.devicons-mysql:before{content:"\e604"}.devicons-streamline:before{content:"\e605"}.devicons-database:before{content:"\e606"}.devicons-laravel:before{content:"\e63f"}.devicons-javascript:before{content:"\e64e"}.devicons-angular:before{content:"\e653"}.devicons-backbone:before{content:"\e652"}.devicons-coffeescript:before{content:"\e651"}.devicons-jquery:before{content:"\e650"}.devicons-modernizr:before{content:"\e620"}.devicons-jquery_ui:before{content:"\e654"}.devicons-ember:before{content:"\e61b"}.devicons-dojo:before{content:"\e61c"}.devicons-nodejs:before{content:"\e619"}.devicons-nodejs_small:before{content:"\e618"}.devicons-javascript_shield:before{content:"\e64f"}.devicons-bootstrap:before{content:"\e647"}.devicons-sass:before{content:"\e64b"}.devicons-css3_full:before{content:"\e64a"}.devicons-css3:before{content:"\e649"}.devicons-html5:before{content:"\e636"}.devicons-html5_multimedia:before{content:"\e632"}.devicons-html5_device_access:before{content:"\e633"}.devicons-html5_3d_effects:before{content:"\e635"}.devicons-html5_connectivity:before{content:"\e634"}.devicons-ghost_small:before{content:"\e614"}.devicons-ghost:before{content:"\e61f"}.devicons-magento:before{content:"\e640"}.devicons-joomla:before{content:"\e641"}.devicons-jekyll_small:before{content:"\e60d"}.devicons-drupal:before{content:"\e642"}.devicons-wordpress:before{content:"\e60b"}.devicons-grunt:before{content:"\e64c"}.devicons-bower:before{content:"\e64d"}.devicons-npm:before{content:"\e61e"}.devicons-yahoo_small:before{content:"\e62b"}.devicons-yahoo:before{content:"\e615"}.devicons-bing_small:before{content:"\e600"}.devicons-windows:before{content:"\e60f"}.devicons-linux:before{content:"\e612"}.devicons-ubuntu:before{content:"\e63a"}.devicons-android:before{content:"\e60e"}.devicons-apple:before{content:"\e611"}.devicons-appstore:before{content:"\e613"}.devicons-phonegap:before{content:"\e630"}.devicons-blackberry:before{content:"\e623"}.devicons-stackoverflow:before{content:"\e610"}.devicons-techcrunch:before{content:"\e62c"}.devicons-codrops:before{content:"\e62f"}.devicons-css_tricks:before{content:"\e601"}.devicons-smashing_magazine:before{content:"\e62d"}.devicons-netmagazine:before{content:"\e62e"}.devicons-codepen:before{content:"\e616"}.devicons-cssdeck:before{content:"\e62a"}.devicons-hackernews:before{content:"\e61a"}.devicons-dropbox:before{content:"\e607"}.devicons-google_drive:before{content:"\e631"}.devicons-visualstudio:before{content:"\e60c"}.devicons-unity_small:before{content:"\e621"}.devicons-rasberry_pi:before{content:"\e622"}.devicons-chrome:before{content:"\e643"}.devicons-ie:before{content:"\e644"}.devicons-firefox:before{content:"\e645"}.devicons-opera:before{content:"\e646"}.devicons-safari:before{content:"\e648"}.devicons-swift:before{content:"\e655"}.devicons-symfony:before{content:"\e656"}.devicons-symfony_badge:before{content:"\e657"}.devicons-less:before{content:"\e658"}.devicons-stylus:before{content:"\e659"}.devicons-trello:before{content:"\e65a"}.devicons-atlassian:before{content:"\e65b"}.devicons-jira:before{content:"\e65c"}.devicons-envato:before{content:"\e65d"}.devicons-snap_svg:before{content:"\e65e"}.devicons-raphael:before{content:"\e65f"}.devicons-google_analytics:before{content:"\e660"}.devicons-compass:before{content:"\e661"}.devicons-onedrive:before{content:"\e662"}.devicons-gulp:before{content:"\e663"}.devicons-atom:before{content:"\e664"}.devicons-cisco:before{content:"\e665"}.devicons-nancy:before{content:"\e666"}.devicons-clojure:before{content:"\e668"}.devicons-clojure_alt:before{content:"\e66a"}.devicons-perl:before{content:"\e669"}.devicons-celluloid:before{content:"\e66b"}.devicons-w3c:before{content:"\e66c"}.devicons-redis:before{content:"\e66d"}.devicons-postgresql:before{content:"\e66e"}.devicons-webplatform:before{content:"\e66f"}.devicons-jenkins:before{content:"\e667"}.devicons-requirejs:before{content:"\e670"}.devicons-opensource:before{content:"\e671"}.devicons-typo3:before{content:"\e672"}.devicons-uikit:before{content:"\e673"}.devicons-doctrine:before{content:"\e674"}.devicons-groovy:before{content:"\e675"}.devicons-nginx:before{content:"\e676"}.devicons-haskell:before{content:"\e677"}.devicons-zend:before{content:"\e678"}.devicons-gnu:before{content:"\e679"}.devicons-yeoman:before{content:"\e67a"}.devicons-heroku:before{content:"\e67b"} */
>>>>>>> a37134208884d700f30b93ae3cc5c0442ae4937ci.e. JSFiddle.net
Thanks for making such an awesome resource! It would be fantastic if Meteor.js logo makes it into a release. It'd be great to use the icon and / or wordmark, but either would be awesome.
Or perhaps there's a good reason for this I'm not aware.
I guess for backwards compatibility you could create an alias.
In the "devicons-android" icon the robot has ill-clipped legs.
Could be an issue with making the separate vector parts a compound path.
If it's possible, pls add CF 10 logo and sublime text
This http://gulpjs.com/ is gaining momentum, would be nice to have a icon for it.
And hay, thnx for the cool font!
F# recently got their new logo. It would be awesome to have it included in the set 😉
See http://fsharp.org/foundation/logo.html
It would be great if you could add some more hosting providers like AWS, RackSpace etc.. and an Apache icon.
Hey guys,
I saw popular framework icons but Symfony2 is not here :(
Here a link with different formats (ai, eps etc) if someone is interested to add it !
Less and Stylus are currently not as popular as Sass, but I still think their logos (Less vector and Stylus vector) will contribute to the set you've created.
MongoDB: http://www.mongodb.org/
Apache(feather): http://httpd.apache.org/
As seen in http://www.vagrantup.com/
Especially for slides (e.g. via PowerPoint and Keynote), single PDF and SVG files would be great to have.
As seen in http://www.rust-lang.org/
I received an email that IE mobile on windows phone can't render Devicons.
Can anyone replicate that issue?
Really nice icon set you have here. I was browsing around and didn't notice one for Composer. IMO, he'd look good next to Mr. Jenkins
Just a thought!
Opening an issue instead of reopening the PR - seems you can't update the pointer for a tag, so you'll probably want to roll a 1.3.1 tag and update the version numbers for the packaging systems.
Or not. Your call. Just thought I'd let you know :)
Hi,
I am looking got use this in a Rails application but I am not having any luck. I have tried both methods, and also adding the files into my app but all I get from both methods is a square like box.
Can anyone recommend anything I might not be doing?
Any help would be much appreciated.
If you put the clojure icon i'll donate money and love you forever
Any chance you might consider doing a LiveScript icon too?
As seen here: http://ionicframework.com
I can also provide the .svg if needed. Otherwise you can download it through their Logo Pack in the footer.
C++
MongoDB
CouchDB
FireBase
iOS
Fantastic project, thank you so much for putting this out there!
Thanks!
How to contribute? I want to add some Laravel-icons: https://github.com/laravel/art
Would be good to have Brackets included in a future release; http://brackets.io/
I'm not sure if you are including other text editors/IDEs (besides Atom) in your icon font, but I greatly suggest it.
Sublime Text: http://upload.wikimedia.org/wikipedia/en/4/4c/Sublime_Text_Logo.png
(as mentioned before) Adobe Brackets: http://corlan.org/wp-content/uploads/2012/06/branding_256.png
Notepad++: http://upload.wikimedia.org/wikipedia/commons/0/0f/Notepad%2B%2B_Logo.png
Eclipse: http://richardpeacock.com/sites/default/files/eclipse.png
There are a few other things I'd suggest too:
Docker: http://blog.docker.com/wp-content/uploads/2013/06/Docker-logo-011.png
VueJS: http://vuejs.org/images/logo.png
Haskell: http://upload.wikimedia.org/wikipedia/commons/1/1c/Haskell-Logo.svg
Anyway, thanks for the awesome font!
I'm not sure why but the site is showing this:
I've tried Chrome & Opera (on Windows). The only error in Chrome's console:
I am not a lawyer. Just a dumb dev, so asking this question!
Is there any legal constraint in me taking the .svg font here and porting them to https://github.com/maxogden/hexbin?
hey ;)
thanks for the TYPO3 icon! 👍
now i need the shopware icon :)
http://www.shopware.de/
is a big shop-system!
Download the icon here:
http://www.shopware.de/pressematerial/
very thanks! sebastian
As seen here: http://dlang.org
Thanks for an awesome icon set!
The number 5 is distorted... It should be fixed for the next version using the original vector logo. It's available in a lot of places...
http://all-free-download.com/free-vector/vector-misc/html_5_vector_logo_148263.html
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.
