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

8 tips to revolutionize teamwork efficiency

Essential tips for team managers and members to enhance collaboration, improve communication, and achieve exceptional…

5 days ago

Figma plugins to optimize your design workflow

Discover top Figma plugins to streamline your workflow, enhance visuals, and add creative flair to…

1 week ago

How to optimize visuals in blog for SEO

Learn how to manage visuals in blog posts to optimize them for SEO in this…

2 weeks ago

Figma: design without breaking the bank. Tips to avoid costly mistakes

Unraveling Figma’s pricing structure: tips to avoid hefty bills and save money. (more…)

2 weeks ago

Get tons of modern graphics right into Webflow

Don't switch tabs to browse icons, illustrations, and photos for your websites. Get them inside…

3 weeks ago

A guide to Notion covers: combining aesthetics and productivity

Transform your Notion space with custom covers! Dive in for easy steps, pro tips, and…

3 weeks ago

This website uses cookies.