Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Buttons

Metro'Con Metro Styled Social and Link Type Icons

— Add-On to

Subscribe to our feed to stay up to date!

New! Follow us as you want it!

Metro'Con Metro Styled Social and Link Type Icons - CodeCanyon Item for Sale


Ad: Bluehost hosting

Metro’Con CSS Social & Link Icons

Seventy Seven (77!) icons, 4 color versions available and three classes for the style (normal – no borders, Square Border & Round Border).

Adding Metro’Con CSS Icons to your site is as simple as adding just a few lines of code. Just attach the desired stylesheet to your page and include the HTML markup. There are examples on how to do this in the documentation. I have also included an example.html page with variations of usage, as well as the Adobe Illustrator file where all the icons were created. If you’d like to add new icons or change any of the colors, you can do so in Illustrator. All icons are grouped and labeled for easy identification. I have included Guides that will help center new icons you may want to add.

Metro’Con CSS Icons uses an Unordered List to display the icons. I have tested the icons accross all major browsers. IE 8+ displays the icons nicely, though without the CSS slide-up effect.

Pre-made Theme Versions

  • Dark Verion
  • Dark Verion 2
  • Light Version
  • Colored Version
  • 77 Total Icons


Watch the short video preview to see the icons in action

I believe in providing the best support possible.

Feedback & Ratings

If you are thinking about rating Metro’Con CSS Icons less than 5 stars, please tell me what I can do to make it 5 stars for you and I will do my best. I would love to hear any suggestions you may have on how Metro’Con CSS Icons can be improved.

Other components in this categoryAll components of this author
CommentsFrequently asked questions and answers


7 March 13

Last Update:
7 March 13

High Resolution:

Compatible Browsers:
IE8, IE9, Firefox, Safari, Opera, Chrome

Files Included:


eCommerce, eCommerce, All Items, buttons, facebook, forrst, icons, linkedin, links, metro, slide effect, social, social icons, social networks, twitter