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 codeiconsWays 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="../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)
-
Better how-to-use section (link, comment, img...) -
Make better demo -
Add news icons
- v1.3.0 - Add news icons svg & Improve fix demo. (Total : 121 files / ~ 116 icons)
- v1.2.0 - Add news icons svg. (Total : 106 files / ~ 100 icons)
- v1.1.1 - Minors bower fixs and demo.
- v1.1.0 - Add icons svg + add src new icon + readme + minors fixs.
- v1.0.0 - Initialisation Project and Packages on bower.
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.
- Final font build with Icomoon app
- Inspired and partial fork by Devicon
Originally written with ♥ by @Sp0ne (Vinces - Digital Developer)
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent