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
cloud
cloud
collapse
collapse
comment
comment
computer
computer
delete
delete
download
download
dribbble
dribbble
email
email
error
error
expand
expand
facebook
facebook
favorite
favorite
feedback
feedback
flickr
flickr
folder
folder
githubtext
githubtext
github
github
googleplus
googleplus
group
group
hipstamatic
hipstamatic
home
home
imageoutline
imageoutline
image
image
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
refresh
refresh
retweet
retweet
roundedrectangleoutline
roundedrectangleoutline
rss
rss
save
save
search
search
settings
settings
share
share
tablet
tablet
text
text
tileview
tileview
time
time
tumblr
tumblr
twitter
twitter
unlock
unlock
upload
upload
user
user
videocamera
videocamera
view
view
vimeo
vimeo
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>