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>