1. 1.
    <link rel="stylesheet" href="../pictonic/css/pictonic.css">
    <!--[if lt IE 8]><script src="../pictonic/js/pictonic.min.js"></script><![endif]-->

    Include CSS File

    *With conditional js for compatibility from ie6-ie9. Not required if you're already using that adds :before support like ie7.js

  2. 2.
    <span class="icon-face-moustache"></span>

    Add classes to your elements

    An icon reference will be included with your package which lists icons against their class names

Icon Reference

.icon-html5-01
.icon-html5-02
.icon-css3-01
.icon-css3-02
.icon-audiobox-01
.icon-box-com
.icon-audiobox-02
.icon-pictonic-02
.icon-pictonic-01
.icon-angularjs
.icon-codepen-02
.icon-codepen-01
.icon-bandcamp
.icon-shopify
.icon-prog-pylons-02
.icon-google-currents
.icon-prog-cherrypy
.icon-prog-backbonejs
.icon-prog-pylons
.icon-prog-flask
.icon-prog-cakephp
.icon-rus-yandex-01
.icon-rus-vk-02
.icon-rus-vk-01
.icon-rus-yandex-02
.icon-rus-habrahbr
.icon-chn-wechat
.icon-chn-tencent-02
.icon-chn-tencent-01
.icon-chn-tencent-03
.icon-chn-weibo
.icon-chn-renren
.icon-livejournal
.icon-wikipedia
.icon-icq
.icon-mailru
.icon-skydrive
.icon-googledrive-02
.icon-googledrive-01
.icon-dropbox
.icon-adb-speedgrade
.icon-adb-acrobat
.icon-adb-audition
.icon-adb-contribute
.icon-adb-bridge
.icon-adb-dreamweaver
.icon-adb-encore
.icon-adb-fireworks
.icon-adb-flashbldr
.icon-adb-flash
.icon-adb-illustrator
.icon-adb-indesign
.icon-adb-lightroom
.icon-adb-onlocation
.icon-adb-photoshop
.icon-adb-prelude
.icon-adb-premiere
.icon-adb-framemaker
.icon-adb-captivate
.icon-adb-aftereffects
.icon-adb-robohelp
.icon-corel-draw
.icon-corel-painter
.icon-_x33_dsmax
.icon-softimage
.icon-lightwave
.icon-cinema4d
.icon-maya
.icon-autocad
.icon-autocad-lt
.icon-modo
.icon-sketchup-01
.icon-sketchup-02
.icon-solidworks
.icon-houdini
.icon-blender
.icon-vue
.icon-zbrush
.icon-os-ios-dark
.icon-os-osx_1_
.icon-os-apple
.icon-os-ios
.icon-os-win-01
.icon-os-win-02
.icon-os-win-03
.icon-os-win-04
.icon-os-linux_1_
.icon-lin-debian
.icon-os-osx-dark
.icon-os-apple-dark
.icon-os-win-01-dark
.icon-os-win-02-dark
.icon-os-win-03-dark
.icon-os-linux
.icon-os-win-04-dark
.icon-pl-dart
.icon-pl-clojure
.icon-pl-groovy-01
.icon-pl-groovy-02
.icon-dbs-mysql
.icon-dbs-postgresql
.icon-dbs-sqlserver
.icon-dbs-sqlite
.icon-dbs-mongodb
.icon-dbs-riak
.icon-dbs-couchdb
.icon-dbs-redis
.icon-dbs-hadoop
.icon-dbs-hbase
.icon-dbs-cassandra
.icon-dbs-couchbase-01
.icon-dbs-couchbase-02
.icon-dbs-neo4j
.icon-vc-svn
.icon-vc-git
.icon-lin-centos
.icon-lin-redhat
.icon-lin-fedora
.icon-lin-ubuntu
.icon-vc-fossil
.icon-vc-bazaar
.icon-vc-bitbucket-02
.icon-vc-bitbucket-01
.icon-vc-mercurial
.icon-brw-chrome
.icon-brw-safari-01
.icon-brw-safari-02
.icon-brw-firefox
.icon-brw-explorer
.icon-brw-opera
.icon-zerply
.icon-social-bakers
.icon-android
.icon-prog-actionscript
.icon-prog-matlab
.icon-prog-delphi02
.icon-prog-golang01
.icon-prog-golang02
.icon-prog-haskell
.icon-prog-scala
.icon-prog-lisp
.icon-prog-basic
.icon-prog-php02
.icon-prog-c
.icon-prog-ruby
.icon-prog-csharp
.icon-prog-cplusplus
.icon-prog-ccplusplus
.icon-prog-js01
.icon-prog-objc
.icon-prog-js02
.icon-prog-java
.icon-prog-dotnet
.icon-prog-php01
.icon-prog-vbnet
.icon-prog-aspnet
.icon-prog-visualstudio
.icon-prog-python
.icon-prog-lua01
.icon-prog-lua02
.icon-prog-air01
.icon-prog-air02
.icon-prog-jquery
.icon-prog-mootools
.icon-prog-nodejs01
.icon-prog-nodejs02
.icon-prog-codeign
.icon-prog-expression
.icon-prog-symfony
.icon-prog-yii
.icon-prog-zendfrm
.icon-prog-drupal
.icon-prog-joomla
.icon-prog-wordpress
.icon-prog-magento
.icon-prog-django
.icon-prog-rails
.icon-prog-erlang
.icon-prog-coffeescr
.icon-prog-perl
.icon-prog-fortran
.icon-prog-bash01
.icon-prog-bash02
.icon-prog-cobol
.icon-prog-delphi01
.icon-github-02
.icon-soundcloud
.icon-github-01
.icon-rdio
.icon-svpply-01
.icon-grooveshark
.icon-svpply-02
.icon-spotify
.icon-instagram
.icon-creativesloth
.icon-xing
.icon-yammer
.icon-yahoo
.icon-wordpress
.icon-xanga
.icon-weblink_2
.icon-windows
.icon-weblink_1
.icon-vimeo
.icon-typepad
.icon-twitter-2
.icon-twitter-3
.icon-tumblr
.icon-twitter-1
.icon-slash_dot
.icon-stumble_upon
.icon-technorati
.icon-skype
.icon-sina
.icon-share
.icon-reddit
.icon-plaxo
.icon-rss
.icon-pinterest
.icon-picasa
.icon-paypal
.icon-odnoklassniki
.icon-orkut
.icon-newsvine
.icon-news_for_gamers
.icon-voxopolis
.icon-myspace
.icon-mail
.icon-linkedin
.icon-last_fm
.icon-kaboodle
.icon-instapaper
.icon-imgur
.icon-identi-ca
.icon-hyves
.icon-hi5
.icon-friendfeed
.icon-google__x2B_
.icon-google
.icon-gmail
.icon-fresqui
.icon-foursquare_2
.icon-foursquare_1
.icon-forrst
.icon-formspring
.icon-flickr
.icon-feedburner
.icon-facebook
.icon-evernote
.icon-dribbble
.icon-digg
.icon-deviantart
.icon-design-float
.icon-delicious
.icon-bookmark
.icon-blip
.icon-blogger
.icon-blinklist
.icon-behance
.icon-bebo
.icon-baidu
.icon-apple
.icon-amazon
.icon-aim
.icon-youtube
.icon-netlog