Add icons to your links with CSS3



// A lovingly quick way to add icons next to your links that I just saw in +Lea Verou's (of W3C) site: all you need is a simple line of #CSS3 code.

a::before { content: url("twitter.png"); }

See it live at http://lea.verou.me/

Posted on February 15, 2013 by Markos Giannopoulos in Web Development

Tags: CSS3

← The Ultimate Browser Detection Fail
Public service announcement →

The Markos Giannopoulos Blog

Hi, I am Markos Giannopoulos. I have been developing for the web for over two decades — designing, coding, and photographing along the way. Find me on Facebook, Twitter or via the RSS feed.

Categories

  • Web Development (184)
  • Technology (154)
  • Uncategorized (128)
  • Social Media (85)
  • Fun (78)
  • Design (69)
  • Productivity (65)
  • WordPress (29)
  • Search Engines (23)
  • Photography (15)
  • Site (7)
  • Data Visualisation (3)

© 2026 Markos Giannopoulos

Fonts: Share by Carrois Type Design & Sorts Mill Goudy by Barry Schwartz