DEV Community

loading...
Cover image for A weekend project with Nuxt & Tailwindcss- Fluenticons

A weekend project with Nuxt & Tailwindcss- Fluenticons

fayaz profile image Fayaz Ahmed ・1 min read

I made a small weekend project - Fluent Icons Viewer.

Microsoft has made a really great icon set called Fluent icons and they're open source but I was not able to find these icons by name and I had to look and find them manually.

Hence I made a small web project which lets you search and download the icons.

I have also made a dark mode to view these.

The project is open source and the code can be found here, contributions welcome.

I tried showing the icons inline but it affected the performance heavily, as there were over 2000 icons, hence I am showing them as images.

The trick with dark mode was, inverting the color of the image, seems hacky but worked great.

I am planning to add changing colors, a figma plugin and an api to embed these icons inside websites.

Discussion (1)

pic
Editor guide
Collapse
inovatik profile image
Lucian Tartea

Great work Fayaz love the project