Raphaël Icon-Set via @font-face

! " # $ % & ' ( ) * + , - . / 0
! " # $ % & ' ( ) * + , - . / 0
1 2 3 4 5 6 7 8 9 : ; < = > ? @
1 2 3 4 5 6 7 8 9 : ; < = > ? @
A B C D E F G H I J K L M N O P
A B C D E F G H I J K L M N O P
Q R S T U V W [ \ ] ^ _ ` a b c
Q R S T U V W [ \ ] ^ _ ` a b c
d e f g h i j k l m n o p q r s
d e f g h i j k l m n o p q r s
t u v w x y z À Á Â Ã Ä Å Æ Ç È
t u v w x y z À Á Â Ã Ä Å Æ Ç È
É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø
É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø
Ù Ú Û Ü
Ù Ú Û Ü
b

Scalable Icons - The @font-face way

This is the great Raphaël Icon-Set by Dmitry Baranovskiy converted to a Webfont. Though normaly used as SVGs with the Javascript-Library Raphaël you can now include them with pure CSS and without the need to have javascript enabled.

And because the icons are just text you can do all the fancy CSS3 stuff with them. Make sure to try zooming in and out!

Like the original icons this font is released under MIT license.

Usage: <span class="icon">M</span> Write a comment!

This works great in d e f g and h.

If you find this helpfull feel free to drop me a line or visit my blog.

m Download font & example