UX

Webicon – The best way to insert icons.

Webicon allows to insert any icons into your HTML. It’s like inserting icons with an icon font, but newer, better, faster, and it’ll make your hair smell nice.

CSS Tricks published a great explanation of the advantages of  SVG sets. See, we’re not the only ones nuts for SVG!
That’s where Webicon comes in — it’s an open source library that allows embedding icons from any icon library. Sounds hard? It’s not:
 

Quick and lightweight

  • Fast embedding in less than a minute
  • Only  the icons you need are loaded
  • No uploading, re-generating, or any other overhead
  • Prevents your left socks from disappearing in your washing machine

Works with any icon and JS library

  • Any icon library, such as FontAwesome, Material Icons by Google, Bootstrap, and Icons8. All major libraries are hosted on a free CDN
  • Supports the syntax of AngularJS and jQuery

Examples

We’d take a bullet for SVG, but let’s not get ahead of ourselves. We’ve whipped up some examples:

Demo for different sources and formats
Search icons of 30 popular icon packs

Recent Posts

Build it right: a no-fluff guide to UX design process

Learn more about each step within the design process to improve your UX workflow.

3 weeks ago

Everything you need to know about icons

A deep dive into the smallest images in graphic design: the history of icons, their…

1 month ago

Visual hierarchy in graphic design

Learn how to use visual hierarchy to guide attention, prioritize elements, and create designs that…

2 months ago

WOKONEO use case: inspiring young minds through puzzles

WOKONEO, a puzzle book for kids that blends playful learning with creativity, featuring Icons8’s Color…

3 months ago

Perfect Christmas gifts for designers

Find the perfect gift for graphic designers! Explore everything from ergonomic tools to creative resources,…

3 months ago

How a premium website design can drive business growth

Here’s a case study from UNIKO™ on how premium website design drives growth. See how…

3 months ago

This website uses cookies.