# Icon Font Samples

Try typing one of your icon ligatures in the area below. eg alert

## Available Icons

- alert
  alert
- arrowdown
  arrowdown
- arrowleft
  arrowleft
- arrowright
  arrowright
- arrowup
  arrowup
- attachment
  attachment
- audiooff
  audiooff
- audio
  audio
- backlight
  backlight
- back
  back
- behance
  behance
- bookmark
  bookmark
- brush
  brush
- build
  build
- calendar
  calendar
- call
  call
- camera
  camera
- cancel
  cancel
- cart
  cart
- chat
  chat
- checkmark
  checkmark
- circleoutline
  circleoutline
- circle
  circle
- cloud
  cloud
- collapse
  collapse
- comment
  comment
- computer
  computer
- delete
  delete
- download
  download
- dribble
  dribble
- email
  email
- error
  error
- expand
  expand
- facebook
  facebook
- favorite
  favorite
- feedback
  feedback
- flickr
  flickr
- folder
  folder
- githubtext
  githubtext
- github
  github
- googleplus
  googleplus
- group
  group
- home
  home
- imageoutline
  imageoutline
- image
  image
- instagram
  instagram
- like
  like
- linkedin
  linkedin
- listview
  listview
- location
  location
- lock
  lock
- minus
  minus
- nextlight
  nextlight
- next
  next
- page
  page
- path
  path
- pencil
  pencil
- phone
  phone
- picasa
  picasa
- pinterest
  pinterest
- plugin
  plugin
- plus
  plus
- preview
  preview
- print
  print
- question
  question
- rectangleoutline
  rectangleoutline
- rectangle
  rectangle
- refresh
  refresh
- retweet
  retweet
- roundedrectangleoutline
  roundedrectangleoutline
- roundedrectangle
  roundedrectangle
- rss
  rss
- save
  save
- search
  search
- settings
  settings
- share
  share
- tablet
  tablet
- text
  text
- tileview
  tileview
- tumblr
  tumblr
- twitter
  twitter
- unlock
  unlock
- user
  user
- videocamera
  videocamera
- view
  view
- vimeo
  vimeo
- w3c
  w3c
- wifi
  wifi
- wordpress
  wordpress

## Icon Font Usage

Using an icon font is simple. Just include the stylesheet, and the icon class to any text you would like to be replaced with an icon. `

    <link rel='stylesheet' type='text/css' href='icomatic.css'>
    <!-- Include the script for fallback support -->
    <script type='text/javascript' src='icomatic.js'></script>
    ...
    <span class='icomatic' style='color:blue'>alert</span>

`