So, last February I had made a small weekend project and last month I released a version 2 of it.

Fluenticons is an icon viewer for Microsoft fluent icons. It has over 4000+ open beautiful icons which you can use in your projects.

Fluenticons is now sponsored by Iconfinder, sign up and get $10 worth of credits (via the banner in fluenticons).

What's new in v2?

• No more hacks, I've used actual SVG's now, so I was able to add some new features like manipulating them.
• You can copy snippets for SVGs, Vue component, React Component, HTML Image.
• You can download SVGs, PNGs, WEBP, Vue component, React Component now.
• Manipulate colors to see how the icon looks.
• More performant, loads way too fast now. (Scores 100 on Lighthouse Yay!!). Was surprised to see the site loading in 600ms when I moved from vercel to cloudflare pages.

What's next?

• Make an advanced editor like adding frames behind the icons. Inspiration - Bakery & Iconscout's Icon Editor (requires a lot a math, which I am not good at.)
• Make a npm package for others to use the components in their own web projects, probably looking a web component, maybe like boxicons.

Tech stack

Nuxt.js
Tailwind Css.
Hosted on cloudflare pages.