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

Virtual fitting room for real people, not runway models

End the return nightmare and make online shopping stress-free (more…)

3 days ago

Dominate or die: how UX design destroys outdated processes

Killer UX transforms dying businesses. See precisely how intuitive interfaces slashed operational chaos and turned…

1 week ago

I spent $200 on ChatGPT Operator so you don’t have to (Seriously, don’t)

Robots doing all your work sounds perfect—until they’re stuck in loops, grabbing random tweets, and…

3 weeks ago

5 best email letter design examples to use in your email campaigns

Most emails are forgettable. Great ones hook you fast, look sharp, and drive clicks. Here’s…

3 weeks ago

Losing face: The battle of AI face swappers

We put top AI face swappers to the test—beards, glasses, head tilts, and more. Some…

4 weeks ago

Break the rules, win the users: no-BS UX design process

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

2 months ago

This website uses cookies.