Tôi đã xây dựng Viconic như thế nào — từ việc bực bội với FontAwesome đến tự làm một nền tảng icon riêng
Hồi mới học làm web mình dùng FontAwesome. Nhưng kit builder của họ quá rắc rối, mình mày mò mãi không tạo được CDN, cuối cùng phải sang cdnjs.com để lấy link. Bản free lại ít icon. Bực lắm nhưng lúc đó chưa biết có lựa chọn nào khác.
Vậy là mình tự làm luôn.
Mỗi tính năng đến từ một cái bực bội thật
SVG injection thay vì font
Mình thử dùng icomoon tạo font icon. Nhưng font không render được icon nhiều màu chính xác. Vì vậy mình chuyển sang SVG injection — icon load qua thẻ <viconic-icon> trực tiếp từ CDN, bundle size vẫn 0KB.
Kit builder để làm offline
Mình hay làm việc offline ở trường, không có internet ổn định. Cần bộ icon riêng mang đi dùng được. Icomoon có kit nhưng vẫn là font. Mình làm kit builder dùng SVG, tự sinh CDN riêng cho từng kit.
SVG editor ngay trong web
Cứ mỗi lần cần xem hoặc chỉnh nhanh một icon là mình lại mở tab svgviewer.dev. Bực quá nên mình nhét luôn một cái editor vào Viconic — chỉnh màu, size, preview trực tiếp.
Fast mode
Đôi lúc chỉ cần copy icon nhanh, không cần xem chi tiết. Mình thêm fast mode — click thẳng vào icon là copy luôn, không cần mở modal.
Viconic hiện có gì — hoàn toàn miễn phí
- 200,000+ icons — Lucide, Tabler, FontAwesome và nhiều bộ khác
- CDN + npm package, zero bundle size
- Kit builder — tạo bộ icon riêng, sinh CDN tự động
- Inline SVG editor
- Copy JSX / SVG / HTML / Tailwind 1 click
- Fast mode
- Trang riêng cho từng icon, tải SVG và PNG
Tại sao mình kể chuyện này
Mình 20 tuổi, sinh viên, build một mình. Không có team, không có sponsor. Viconic ra đời vì mình cần nó, không phải vì nhìn thấy cơ hội kinh doanh.
Viconic đang open beta và hoàn toàn miễn phí. Mình rất muốn nghe feedback từ các bạn dev Việt Nam — thiếu gì, sai gì, cần thêm gì.
All Rights Reserved
