Những thư viện biểu tượng tốt nhất cho giao diện của bạn

Biểu tượng là phần xuống cấp nhanh nhất trong một design system. Bạn bắt đầu với một bộ, thiếu một biểu tượng, mượn từ bộ khác, và sáu tháng sau chẳng gì còn thẳng hàng.

Nguyên tắc tránh điều đó rất nhàm: chọn một thư viện bao được lĩnh vực của bạn, và chỉ rời nó khi cần logo thương hiệu.

Do tôi làm

IconKit

3039 biểu tượng ở dạng outline và solid, tất cả dùng currentColor, kèm wrapper cho web, Flutter, React, Vue, Swift và nhiều nền tảng khác.

iconkit.suils.es

Mã nguồn mở

Lucide

Bản tiếp nối của Feather do cộng đồng duy trì: nhất quán, nhẹ và có sẵn cho mọi framework.

lucide.dev

Mã nguồn mở

Phosphor

Sáu độ dày cho cùng một biểu tượng, thứ hiếm gặp và rất hữu ích trong giao diện dày đặc.

phosphoricons.com

Mã nguồn mở

Tabler Icons

Hơn năm nghìn biểu tượng nét: độ phủ tốt nhất nếu sản phẩm của bạn có những khái niệm lạ.

tabler.io/icons

Mã nguồn mở

Heroicons

Bộ nhỏ và chỉn chu từ đội Tailwind, lý tưởng nếu bạn vốn đã dùng Tailwind.

heroicons.com

Mã nguồn mở

Remix Icon

Biểu tượng hệ thống trung tính, có cả bản nét và bản đặc cho mọi thứ.

remixicon.com

Logo thương hiệu

Simple Icons

Logo chính thức với đúng màu, dành cho những thương hiệu mà bộ tổng quát không bao giờ có.

simpleicons.org

Tổng hợp

Iconify

Tìm trong hai trăm nghìn biểu tượng từ mọi bộ rồi chỉ xuất ra những cái bạn dùng.

iconify.design

Dù chọn gì, hãy tự lưu trữ đúng những SVG bạn dùng thay vì tải cả một font biểu tượng: thường đó là khác biệt giữa 80 KB và 2 KB.

Cần xây dựng chứ không chỉ chọn lựa?

Ứng dụng web, API, hạ tầng và giao diện. Freelance từ Barcelona, khách hàng ở khắp nơi.

Liên hệ


Bình luận

Leave a Reply

Your email address will not be published. Required fields are marked *