├── .gitignore ├── dist ├── icons.eot ├── icons.ttf ├── icons.woff ├── icons.json └── icons.css ├── package.json ├── icons ├── asp.svg ├── bash.svg ├── vue.svg ├── haskell.svg ├── windows.svg ├── angular.svg ├── c.svg ├── socketio.svg ├── unity.svg ├── js.svg ├── mvc.svg ├── travis.svg ├── swift.svg ├── ansible.svg ├── ruby.svg ├── erlang.svg ├── aws.svg ├── spring.svg ├── csharp.svg ├── nginx.svg ├── heroku.svg ├── akka.svg ├── django.svg ├── handlebars.svg ├── spark.svg ├── sql.svg ├── cplusplus.svg ├── jquery.svg ├── gulp.svg ├── javascript.svg ├── mongo.svg ├── backbone.svg ├── git.svg ├── r.svg ├── ios.svg ├── yii.svg ├── php.svg ├── lisp.svg ├── websockets.svg ├── agile.svg ├── meteor.svg ├── aurelia.svg ├── expressjs.svg ├── python.svg ├── d3.svg ├── bootstrap.svg ├── android.svg ├── codeigniter.svg ├── rails.svg ├── mustache.svg ├── illustrator.svg ├── sass.svg ├── puppet.svg ├── nodejs.svg ├── typescript.svg ├── scala.svg ├── inkscape.svg ├── net.svg ├── powershell.svg ├── photoshop.svg ├── lavarel.svg ├── drupal.svg ├── docker.svg ├── svg.svg ├── symphony.svg ├── coffeescript.svg ├── zend.svg ├── less.svg ├── stylus.svg ├── nosql.svg ├── clojure.svg ├── redis.svg ├── bower.svg ├── chef.svg ├── mysql.svg ├── unix.svg ├── perl.svg ├── rust.svg ├── react.svg ├── grunt.svg ├── java.svg ├── go.svg ├── foundation.svg ├── apache.svg └── sql-server.svg ├── README.md └── template └── index.hbs /.gitignore: -------------------------------------------------------------------------------- 1 | # Node 2 | node_modules 3 | npm-debug.log 4 | 5 | # OSX 6 | **/.DS_Store -------------------------------------------------------------------------------- /dist/icons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Workshape/tech-icons/HEAD/dist/icons.eot -------------------------------------------------------------------------------- /dist/icons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Workshape/tech-icons/HEAD/dist/icons.ttf -------------------------------------------------------------------------------- /dist/icons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Workshape/tech-icons/HEAD/dist/icons.woff -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "tech-icons", 3 | "version": "1.0.0", 4 | "main": "index.js", 5 | "scripts": { 6 | "build": "icon-font-generator icons/*.svg -o dist --htmltp template/index.hbs -p icon-tech" 7 | }, 8 | "author": "Tancredi Trugenberger", 9 | "license": "", 10 | "description": "An icon-font for tech skills", 11 | "devDependencies": { 12 | "icon-font-generator": "^1.0.2" 13 | } 14 | } -------------------------------------------------------------------------------- /icons/asp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 9 | -------------------------------------------------------------------------------- /icons/bash.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /icons/vue.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /icons/haskell.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | -------------------------------------------------------------------------------- /icons/windows.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/angular.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | -------------------------------------------------------------------------------- /icons/c.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 12 | -------------------------------------------------------------------------------- /icons/socketio.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/unity.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | -------------------------------------------------------------------------------- /icons/js.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /icons/mvc.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/travis.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /icons/swift.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /icons/ansible.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/ruby.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | -------------------------------------------------------------------------------- /icons/erlang.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 14 | -------------------------------------------------------------------------------- /icons/aws.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 12 | -------------------------------------------------------------------------------- /icons/spring.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | -------------------------------------------------------------------------------- /icons/csharp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 14 | -------------------------------------------------------------------------------- /icons/nginx.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/heroku.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/akka.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | -------------------------------------------------------------------------------- /icons/django.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ## Tech icons set 2 | 3 |  4 | 5 | > A collection of SVG icons representing programming languages, frameworks, technologies and skills, ready-built as a web font 6 | 7 | View the full set [here](http://workshape.github.io/tech-icons/index.html) 8 | 9 | #### Download 10 | 11 | You can use the ready-built webfont by copying the build in the `dist` folder over to your project and importing `icons.css` into your HTML. 12 | 13 | #### Use 14 | 15 | To create an icon in your markup, create an `i` tag with classname `icon-tech-[ icon_name ]` 16 | 17 | For example: 18 | 19 | ```html 20 | 21 | ``` 22 | 23 | #### Build 24 | 25 | You can add or modify SVG icons to the projects by copying them in the `icons` directory - Note: SVGS must be single-color and sized 48x48px. 26 | 27 | You can rebuild the codebase by running 28 | 29 | ``` 30 | npm run build 31 | ``` 32 | 33 | The `dist` directory gets built using [icon-font-generator](https://github.com/Workshape/icon-font-generator) 34 | 35 | #### Contribute 36 | 37 | We'd love to add more icons to the set - pull requests are welcome! 38 | -------------------------------------------------------------------------------- /icons/handlebars.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/spark.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 13 | -------------------------------------------------------------------------------- /icons/sql.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | -------------------------------------------------------------------------------- /icons/cplusplus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | -------------------------------------------------------------------------------- /icons/jquery.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | -------------------------------------------------------------------------------- /icons/gulp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | -------------------------------------------------------------------------------- /icons/javascript.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | -------------------------------------------------------------------------------- /icons/mongo.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | -------------------------------------------------------------------------------- /icons/backbone.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | -------------------------------------------------------------------------------- /icons/git.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 16 | -------------------------------------------------------------------------------- /icons/r.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | -------------------------------------------------------------------------------- /icons/ios.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | -------------------------------------------------------------------------------- /icons/yii.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | -------------------------------------------------------------------------------- /icons/php.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | -------------------------------------------------------------------------------- /icons/lisp.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | -------------------------------------------------------------------------------- /icons/websockets.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 15 | -------------------------------------------------------------------------------- /icons/agile.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | -------------------------------------------------------------------------------- /icons/meteor.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 21 | -------------------------------------------------------------------------------- /icons/aurelia.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | -------------------------------------------------------------------------------- /icons/expressjs.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | -------------------------------------------------------------------------------- /icons/python.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | -------------------------------------------------------------------------------- /icons/d3.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 20 | -------------------------------------------------------------------------------- /icons/bootstrap.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | -------------------------------------------------------------------------------- /icons/android.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | -------------------------------------------------------------------------------- /icons/codeigniter.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | -------------------------------------------------------------------------------- /icons/rails.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | -------------------------------------------------------------------------------- /icons/mustache.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 21 | -------------------------------------------------------------------------------- /icons/illustrator.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 19 | -------------------------------------------------------------------------------- /icons/sass.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 24 | -------------------------------------------------------------------------------- /icons/puppet.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 25 | -------------------------------------------------------------------------------- /icons/nodejs.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 23 | -------------------------------------------------------------------------------- /icons/typescript.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 24 | -------------------------------------------------------------------------------- /icons/scala.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | -------------------------------------------------------------------------------- /icons/inkscape.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 23 | -------------------------------------------------------------------------------- /icons/net.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 23 | -------------------------------------------------------------------------------- /icons/powershell.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 25 | -------------------------------------------------------------------------------- /icons/photoshop.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 24 | -------------------------------------------------------------------------------- /icons/lavarel.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 28 | -------------------------------------------------------------------------------- /icons/drupal.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 26 | -------------------------------------------------------------------------------- /icons/docker.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 27 | -------------------------------------------------------------------------------- /icons/svg.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 25 | -------------------------------------------------------------------------------- /icons/symphony.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 26 | -------------------------------------------------------------------------------- /icons/coffeescript.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 29 | -------------------------------------------------------------------------------- /icons/zend.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 26 | -------------------------------------------------------------------------------- /dist/icons.json: -------------------------------------------------------------------------------- 1 | { 2 | "tech-agile": "\\f101", 3 | "tech-akka": "\\f102", 4 | "tech-android": "\\f103", 5 | "tech-angular": "\\f104", 6 | "tech-ansible": "\\f105", 7 | "tech-apache": "\\f106", 8 | "tech-asp": "\\f107", 9 | "tech-aurelia": "\\f108", 10 | "tech-aws": "\\f109", 11 | "tech-backbone": "\\f10a", 12 | "tech-bash": "\\f10b", 13 | "tech-bootstrap": "\\f10c", 14 | "tech-bower": "\\f10d", 15 | "tech-c": "\\f10e", 16 | "tech-chef": "\\f10f", 17 | "tech-clojure": "\\f110", 18 | "tech-codeigniter": "\\f111", 19 | "tech-coffeescript": "\\f112", 20 | "tech-cplusplus": "\\f113", 21 | "tech-csharp": "\\f114", 22 | "tech-d3": "\\f115", 23 | "tech-django": "\\f116", 24 | "tech-docker": "\\f117", 25 | "tech-drupal": "\\f118", 26 | "tech-erlang": "\\f119", 27 | "tech-expressjs": "\\f11a", 28 | "tech-foundation": "\\f11b", 29 | "tech-git": "\\f11c", 30 | "tech-go": "\\f11d", 31 | "tech-grunt": "\\f11e", 32 | "tech-gulp": "\\f11f", 33 | "tech-hadoop": "\\f120", 34 | "tech-handlebars": "\\f121", 35 | "tech-haskell": "\\f122", 36 | "tech-heroku": "\\f123", 37 | "tech-illustrator": "\\f124", 38 | "tech-inkscape": "\\f125", 39 | "tech-ios": "\\f126", 40 | "tech-java": "\\f127", 41 | "tech-javascript": "\\f128", 42 | "tech-jquery": "\\f129", 43 | "tech-js": "\\f12a", 44 | "tech-lavarel": "\\f12b", 45 | "tech-less": "\\f12c", 46 | "tech-lisp": "\\f12d", 47 | "tech-meteor": "\\f12e", 48 | "tech-mongo": "\\f12f", 49 | "tech-mustache": "\\f130", 50 | "tech-mvc": "\\f131", 51 | "tech-mysql": "\\f132", 52 | "tech-net": "\\f133", 53 | "tech-nginx": "\\f134", 54 | "tech-nodejs": "\\f135", 55 | "tech-nosql": "\\f136", 56 | "tech-perl": "\\f137", 57 | "tech-photoshop": "\\f138", 58 | "tech-php": "\\f139", 59 | "tech-postgres": "\\f13a", 60 | "tech-powershell": "\\f13b", 61 | "tech-puppet": "\\f13c", 62 | "tech-python": "\\f13d", 63 | "tech-r": "\\f13e", 64 | "tech-rails": "\\f13f", 65 | "tech-react": "\\f140", 66 | "tech-redis": "\\f141", 67 | "tech-ruby": "\\f142", 68 | "tech-rust": "\\f143", 69 | "tech-sass": "\\f144", 70 | "tech-scala": "\\f145", 71 | "tech-socketio": "\\f146", 72 | "tech-spark": "\\f147", 73 | "tech-spring": "\\f148", 74 | "tech-sql-server": "\\f149", 75 | "tech-sql": "\\f14a", 76 | "tech-stylus": "\\f14b", 77 | "tech-svg": "\\f14c", 78 | "tech-swift": "\\f14d", 79 | "tech-symphony": "\\f14e", 80 | "tech-travis": "\\f14f", 81 | "tech-typescript": "\\f150", 82 | "tech-unity": "\\f151", 83 | "tech-unix": "\\f152", 84 | "tech-vue": "\\f153", 85 | "tech-websockets": "\\f154", 86 | "tech-windows": "\\f155", 87 | "tech-yii": "\\f156", 88 | "tech-zend": "\\f157" 89 | } -------------------------------------------------------------------------------- /icons/less.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 28 | -------------------------------------------------------------------------------- /icons/stylus.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 31 | -------------------------------------------------------------------------------- /icons/nosql.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 29 | -------------------------------------------------------------------------------- /icons/clojure.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 33 | -------------------------------------------------------------------------------- /icons/redis.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 31 | -------------------------------------------------------------------------------- /icons/bower.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 32 | -------------------------------------------------------------------------------- /icons/chef.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 33 | -------------------------------------------------------------------------------- /icons/mysql.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 36 | -------------------------------------------------------------------------------- /icons/unix.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 38 | -------------------------------------------------------------------------------- /icons/perl.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 40 | -------------------------------------------------------------------------------- /icons/rust.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 45 | -------------------------------------------------------------------------------- /template/index.hbs: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 | 5 |