<i class="Code Icons"> </i>

Code Icons is an icon set of programming languages, frameworks, and other coding tools.

Get It!

Programming & Markup Languages, Preprocessors

Don't have any Prefix
HTML 5
Markdown
Javascript
CSS 3
Coffeescript
Less
Sass
Stylus
PHP
Python
Ruby
Java
Scala
Lua

Frameworks & CMS

Use the prefix "fw-"
Bootstrap
Foundation
Semantic UI
Hibernate
Play Framework
Spring MVC
Wicket
AngularJS
Backbone.js
Derby.js
Ember.js
jQuery
jQuery UI
Meteor
React.js
CakePHP
CodeIgniter
Laravel
Symfony
Yii Framework
Zend Framework
Drupal
Joomla
Wordpress (Square)
Wordpress (Round)
Django
web2py
Ruby on Rails
Lift

Datebases

Logos use the prefix "db-"
Database
Database 2
Database 3
Database 4
MySQL
PostgreSQL
SQLite
Cassandra
CouchDB
MongoDB
Neo4j
Redis

Text Editors, IDEs & and other tools

Use the prefix "tool-"
Atom
Brackets
Sublime Text
AppCode
CLion
IntelliJ
PhpStorm
PyCharm
ReSharper
RubyMine
WebStorm
CodePen
JSFiddle
Stack Overflow

Git, Github & Versioning

Logos don't have any Prefix. Other icons may use "-git", "-github" or "-repo"
BitBucket
BitBucket (Square)
Github Logo 1
Github Logo 2
Github Octoface 1
Github Octoface 2
Git Logo 1
Git Logo 1(Square)
Git Logo 2
Gist
Organization
Branch
Commit
Compare
Merge
Pull Request
Repository
Clone
Force Push
Forked
Pull
Push
Split

Hosting Services

Use the prefix "host-"
Amazon Web Services
Digital Ocean
dotCloud
Heroku
OpenShift
WebFaction

Servers & Related

Don't have any Prefix
Apache
Cherokee
lighttpd
nginx
node.js
Apache Tomcat

Operating Systems

Use the prefix "os-"
Android
Linux
Linux (Tux)
Mac OS
Mac (Finder)
Windows
Windows 8

Browsers

Use the prefix "bw-"
Browser Window
Google Chrome
Mozilla Firefox
Internet Explorer
Opera
Safari

Other tools, sites, services...

Don't have any Prefix
Android Debug Bridge
Layout
Layers
Window
Terminal
Terminal 2
Code
Code 2
Cloud
File Binary
File Code
Package
SVG
Bug
Bug 2
Bitcoin
OpenID
Meanpath
Smashing

Font Test Drive

Why don't you test Code Icons? The current font size is: px

Get It Now

The easiest way
  1. Paste the following code into the <head> section of your site's HTML.
    2. <link href= "//#" rel= "stylesheet" >
  2. Check our Icons list.
  3. That's it ;)
The easy way
  1. Copy the entire code-icons directory into your project.
  2. In the <head> of your html, reference the location to your code-icons.min.css.
    3. <link rel= "stylesheet" href= "path/to/code-icons/css/code-icons.min.css" >
  3. Check our Icons list.
  4. That's it ;)

Made with by Matheus Brasil.