diff --git a/README.md b/README.md index 6dbeb5f7..563e7c4c 100644 --- a/README.md +++ b/README.md @@ -1,94 +1,57 @@ -devicon -======= +# devicon V2 -devicon aims to gather all logos representing development languages and tools in one font. +devicon aims to gather all logos representing development languages and tools. -See all available icons on the github page: http://konpa.github.io/devicon/ +## How to use -Final font is built with [icomoon](http://icomoon.io). +### SVG icons -How to use it --------------- +- Copy/paste svg code from [devicon](http://devicon.fr) (coming soon) or from svg file ```html - - - - - - - - - - - - - - - - - + + + + ``` -See devicon.html or devicon.json file for complete and up to date reference of icon's available versions. +- Add css rules in your stylesheet +```css +.devicon { + max-width: 2em; +} -Original files (.ai, .svg) are available in the "icons" folder. +/* if you want to change the original color */ +.devicon path { + fill: #4691f6; +} +``` +### Icons font -Available icons (alphabetical order) ---------------- +- Upload devicon.css and font files to your project -- .NET -- AngularJS -- Backbone.js -- Bootstrap -- Bower -- Chrome -- Codeigniter -- CSS3 -- Debian (new) -- Devicon -- Firefox -- Foundation -- Git -- Grunt -- Gulp -- HTML5 -- Illustrator -- Java -- Javascript -- JQuery -- KrakenJS (new) -- Laravel -- Less -- Linux (new) -- MongoDB (new) -- MySQL -- NodeJS (new) -- Photoshop -- PHP -- PostgreSQL (new) -- Python -- Rails -- Ruby -- Sass -- Travis (new) -- Ubuntu (new) -- Wordpress -- Yii -- Zend +```html + -Upcoming icons ---------------- -- Github -- Bitbucket -- Sketch -- browsers: safari, opera, IE -- operating systems: windows, mac -- ... Please contribute or open an issue for requesting an icon + + +``` +- Add icon using tag +```html + + + + + + + + +``` +##### See devicon.json file for complete and up to date reference of icon's available versions.