A simple icon's collection for development languages, programming tools and other work environment.
Have a look to the demo page.
For Icon's request please leave a comment here. Please refer to the contribute section for your request. Do you have any additional? Drop me a line or support an issue.
Install Codeicons as a dependency to your project with Bower.
bower install --save codeicons
Ways of using Codeicons:
FONT ICONS
Import stylesheet from vendors, add <style>
for your project and add icon using <i>
tag with your class name.
<!-- <head> -->
<link rel="stylesheet" href="https://github.com/Sp0ne/codeicons/blob/master/./codeicons.css"/>
<!-- add style -->
<style type="text/css" media="screen">
[class^="codeicon-"] { ... }
</style>
<!-- <body> -->
<i class="codeicon-git"></i>
SVG ICONS
Copy/paste svg code from /svg
folder in your html code. Add your own class if you want.
<!-- <body> -->
<svg class="codeicon-github" viewBox="0 0 128 128">
<path d="..."/>
</svg>
Production (Optional)
If you're using Grunt you can copy/paste the fonts with a grunt task More details.
Load npm install grunt-contrib-copy --save-dev
and add a task in your /GruntFile.js
.
// Grunt task for copy files:
copy: {
fonts: { dest: 'path/fonts', src: ['bower/codeicons/fonts/*'] }
}, ...
// Add your task in your register Task:
grunt.registerTask('default', ['copy:fonts']);
[ ] Contributing section
[ ] Register Npm packages
[ ] Add colored icons (full colored)
[x] Better how-to-use section (link, comment, img...)
[x] Make better demo
[x] Add news icons
First of all, thanks for taking the time to contribute!
Please have a look at the CONTRIBUTING.md file for more informations.
Under MIT Licence
All brand icons are property of their respective owners. All company, product and service names used in this website are for identification purposes only. Use of these names, logos, and brands does not imply endorsement.
Originally written with ♥ by @Sp0ne (Vinces - Digital Developer)