This content originally appeared on DEV Community and was authored by Fayaz Ahmed
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.
This content originally appeared on DEV Community and was authored by Fayaz Ahmed
Fayaz Ahmed | Sciencx (2021-12-08T08:46:18+00:00) Sideproject Update – Fluenticons v2. Retrieved from https://www.scien.cx/2021/12/08/sideproject-update-fluenticons-v2/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.