Iconize — Adding Icons to Textlinks with CSS

on Jan 27, 2008

Just stumbled on a very interesting project from PoolieStudios called Iconize (which in turn was inspired by this post from Ask the CSS Guy). The concept is simple: CSS code that would add little context sensitive icons next to your normal text links. If the link points to a PDF file, then add a little PDF icon next to it, if it’s an MP3 file, add a little sound icon, and so on.

What a great idea and a great implementation of CSS functionality that is seldom utilized. PoolieStudios are putting together a large collection of icons and are writing the CSS code to go along with them — you can grab the latest version here.


  1. Comment by Reiny — Feb 26, 2009 @ 11:25 am

    That’s relatively old idea, already used in MediaWiki :P

  2. Comment by skip hire Watford — Apr 6, 2014 @ 12:25 am

    Hey there this is kinda of off topic but I wass ondering if blogs use WYSIWYG editors or
    if you have to manually code with HTML. I’m starting a blog soon but have no
    coding skills so I wanted to get guidajce from someone with
    experience. Any help would be greatly appreciated!

RSS feed for comments on this post. TrackBack URL

Leave a comment

Contact Information

If you would like a quote or a project proposal, just click here to fill in our short client web form and we'll get right back to you.

Direct Contact Details

Email Email: info@pixelshell.com Skype Tel: +44 (0)20 8816 8876