- Iconbuddy là một công cụ tìm kiếm biểu tượng cho phép tìm kiếm nhiều thư viện biểu tượng mã nguồn mở tại một nơi, chỉnh màu sắc và kích thước rồi tải xuống
- Theo metadata của dịch vụ, nền tảng này cung cấp hơn 300.000 biểu tượng SVG miễn phí, giúp giảm công sức phải tự đi tìm từng bộ biểu tượng riêng lẻ
- Hỗ trợ xuất ra SVG, PNG, JSX, Base64, nên có thể dùng cho cả bản thiết kế lẫn công việc code frontend
- Được 500K+ chuyên gia trên toàn thế giới sử dụng, với danh sách nơi sử dụng gồm Framer, Midjourney, Figma, Google, Microsoft, DigitalOcean...
- Có thể khám phá tại một nơi các thư viện biểu tượng mã nguồn mở như HeroIcons, Tabler Icons, Google Material Icons, Fluent UI System Icons, Noto Emoji, Font Awesome, Simple Icons
Một luồng xuyên suốt từ tìm kiếm đến xuất file
- Iconbuddy là công cụ tìm kiếm biểu tượng mã nguồn mở, cung cấp quy trình “tìm nhanh, chỉnh tự do, tải ngay”
- Theo metadata của dịch vụ, các tính năng chính gồm
- Tìm kiếm và tải xuống hơn 300.000 biểu tượng SVG miễn phí
- Tùy chỉnh màu sắc và kích thước
- Xuất ra các định dạng SVG, PNG, JSX, Base64
Quy mô sử dụng và nơi sử dụng
- Dịch vụ cho biết đang được 500K+ chuyên gia trên toàn thế giới sử dụng
- Các tên được liệt kê trong phần nơi sử dụng gồm
- Framer
- Midjourney
- Figma
- Mobbin
- Microsoft
- cohere
- CashApp
- Buy Me a Coffee
- DigitalOcean
- Roadmap.sh
- Letter
Ví dụ các thư viện biểu tượng chính được tích hợp
-
Bộ biểu tượng đa dụng
- Fluent UI System Icons: 18,519 biểu tượng
- Material Symbols Light: 14,910 biểu tượng
- Material Symbols: 14,840 biểu tượng
- Google Material Icons: 10,955 biểu tượng
- Phosphor: 9,072 biểu tượng
- Material Design Icons: 7,447 biểu tượng
- Solar: 7,401 biểu tượng
- Tabler Icons: 5,963 biểu tượng
- Huge Icons: 4,556 biểu tượng
- Game Icons: 4,123 biểu tượng
-
Biểu tượng cho lập trình và tệp
- VSCode Icons: 1,397 biểu tượng
- Material Icon Theme: 1,106 biểu tượng
- Devicon: 957 biểu tượng
- Devicon Plain: 700 biểu tượng
- Codicons: 497 biểu tượng
- Skill Icons: 397 biểu tượng
-
Biểu tượng thương hiệu và logo
- Simple Icons: 3,364 biểu tượng
- SVG Logos: 1,837 biểu tượng
- Logos free icons: 1,362 biểu tượng
- Font Awesome Brands: 548 biểu tượng
- CoreUI Brands: 830 biểu tượng
-
Biểu tượng emoji và cờ
- Noto Emoji: 3,710 biểu tượng
- Twitter Emoji: 3,668 biểu tượng
- OpenMoji: 4,185 biểu tượng
- Fluent Emoji Flat: 3,145 biểu tượng
- Flag Icons: 542 biểu tượng
- Circle Flags: 632 biểu tượng
Cách ứng dụng trong công việc thực tế
- Có thể tìm kiếm, chỉnh sửa, tải xuống tại một nơi mà không cần truy cập riêng từng thư viện biểu tượng
- Nhờ hỗ trợ chỉnh màu sắc, kích thước và nhiều định dạng xuất, cả nhà thiết kế lẫn lập trình viên đều có thể dùng cùng một tài nguyên biểu tượng theo môi trường làm việc của mình
1 bình luận
Ý kiến trên Hacker News
Sẽ tốt hơn nếu có thể xem giấy phép và tác giả của từng biểu tượng
Hiện tại có vẻ như không thể khi tìm thấy qua tìm kiếm toàn bộ biểu tượng, nên tôi tự hỏi không biết mình có bỏ sót gì không
Họ dùng cụm từ “biểu tượng mã nguồn mở”, nhưng dạo này thuật ngữ đó bị lạm dụng quá nhiều nên gần như chẳng còn ý nghĩa gì
Tôi kiểm tra thử vài cái thì cũng không thấy thông tin giấy phép trong tệp SVG đã tải xuống
Về mặt kỹ thuật có thể là mã nguồn mở, nhưng gần như mất hết lợi ích của điều đó
Ví dụ, vấn đề này hiện ra ngay ở những chỗ như https://iconbuddy.app/bxl/amazon https://iconbuddy.app/devicon/google. Không biết với các biểu tượng dịch vụ ít nổi tiếng hơn thì còn thế nào nữa
Cũng không thể biết có bao nhiêu biểu tượng là CC-BY nên bắt buộc phải ghi công tác giả, hay có bao nhiêu nguồn tẩy rửa giấy phép đáng ngờ ăn cắp biểu tượng rồi tuyên bố là CC0
The Noun Project lớn hơn, cung cấp 5 triệu biểu tượng và giấy phép rõ ràng hơn: https://thenounproject.com/
Tôi cũng khá hay ghép nhiều biểu tượng với nhau để dùng, và ở đó thật sự có biểu tượng cho gần như mọi thứ
“Affair”
https://thenounproject.com/icon/cheating-10395/
Tôi dùng https://iconify.design/ là chính đã vài năm nay
Tôi thích tính năng đổi màu trong UI, nhưng cá nhân tôi dùng lớp Tailwind cho màu sắc
Hay đấy! Cũng có dự án tương tự của Anthony Fu: https://icones.js.org
Tôi tò mò liệu cả hai có cùng chia sẻ một siêu tập biểu tượng giống nhau không, vì đều phụ thuộc vào cùng framework Iconify
Thật sự rất ngầu :)
Nếu đưa ra một yêu cầu/đề xuất tính năng rất nhỏ thì tôi muốn khi xem kết quả tìm kiếm, mỗi kết quả cũng có liên kết tới bộ sưu tập gốc mà nó thuộc về
Ví dụ khi thấy một biểu tượng mình thích trong kết quả tìm kiếm, tôi muốn biết nó đến từ bộ sưu tập nào
Giấy phép cũng không được hiển thị trên trang, nên nếu không biết bộ biểu tượng thì cũng chẳng thể tự tra được
Gần đây khi dọn tủ bếp ở nhà bố mẹ, tôi tìm thấy một hộp clipart
Nó được chia trên 50 đĩa và có giá 50 đô la. Nhãn giá vẫn còn dán trên đó. Chắc là đồ từ khoảng năm 1990
Nghĩ lại thì ngày nay cả một bộ sưu tập biểu tượng như thế lại miễn phí và dùng được ngay
Hẳn đây từng là một nghề tay trái khá ổn
Tốt đấy, nhưng tôi thích https://icones.js.org/ hơn
Tôi tự hỏi nếu so với https://fontawesome.com thì thế nào
Sửa: Nhìn trang này thì có vẻ như là một siêu tập: https://iconbuddy.app/fa-solid
Fork Awesome là một bản fork mã nguồn mở: https://forkaweso.me/Fork-Awesome/
Bạn phải tự chịu trách nhiệm mà dùng. Không có giấy phép, và nguồn biểu tượng thì lấy từ khắp nơi
Hoàn toàn có thể tùy biến à? Thứ duy nhất có thể đổi là màu sắc