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
icons8

Recent Posts

What are monochromatic colors?

Monochromatic color = one hue, many values. Learn what it is, why it works, examples,…

3 weeks ago

Is the three-click rule just some three-word bullshit?

A blunt look at why “three clicks” isn’t a usability law, what actually drives task…

3 weeks ago

Ultimate guide to table of contents design (15 inspiring examples + pro tips)

Your cover may hook them, but the contents page keeps them. Learn how to design…

1 month ago

50+ tested AI image prompts for content creators who want to stand out

Because your feed shouldn't look like it was generated by the same three people. (more…)

1 month ago

Poster ideas & examples: creative poster design explained

From bold typography to organic abstracts, explore creative poster layouts with pro tips to adapt…

2 months ago

Using Garamond in 2025 without looking like you’re stuck in 1995

Everyone's out here saying "don't use Garamond" like it's 2015. Spoiler alert: it's not.

2 months ago

This website uses cookies.