Bạn đang xây dựng một dashboard bằng Homarr, Dashy hay Homepage và cảm thấy bực mình vì các icon lung tung, thiếu đồng bộ? Dashboard Icons chính là bộ icon dashboard tập hợp hơn 1800 biểu tượng được chọn lọc kỹ lưỡng, thiết kế dành riêng cho các ứng dụng bảng điều khiển, giúp bạn có giao diện nhất quán chỉ trong vài cú click.
Thank you for reading this post, don't forget to subscribe!Những điểm chính
- Bộ sưu tập hơn 1800 icon chất lượng cao, đồng nhất về phong cách, dành cho mọi dịch vụ phổ biến.
- Có sẵn ba định dạng SVG, PNG, WEBP, hỗ trợ biến thể sáng/tối để phù hợp theme dashboard.
- Dễ dàng tải về qua giao diện web dashboardicons.com hoặc nhúng trực tiếp bằng CDN jsDelivr.
- Được cộng đồng đóng góp liên tục, có quy trình yêu cầu icon mới nhanh chóng qua form trực tuyến.
- Tương thích hoàn hảo với Homarr, Homepage, Dashy và nhiều dashboard khác.
Dashboard Icons là gì và giải quyết vấn đề gì?
Dashboard Icons là một kho lưu trữ mã nguồn mở chứa hơn 1800 icon dành riêng cho các ứng dụng dashboard như Homarr, Homepage, Dashy. Vấn đề nó giải quyết là tình trạng thiếu nhất quán về mặt hình ảnh khi bạn thêm các dịch vụ (Plex, Nextcloud, GitHub, v.v.) vào dashboard. Thay vì tự mò mẫm tìm từng biểu tượng với kiểu dáng khác nhau, bạn có ngay một bộ đồng bộ, giúp bảng điều khiển trông chuyên nghiệp hơn. Bạn có thể xem chi tiết tại repository gốc trên GitHub.
Những tính năng nổi bật của bộ icon này
Bộ sưu tập đồ sộ, phong cách đồng nhất
Với hơn 1800 icon, bạn gần như không thiếu một dịch vụ nào, tất cả đều có chung một ngôn ngữ thiết kế trực quan, từ các nền tảng phổ biến như Plex, Jellyfin đến các công cụ DevOps như Grafana, Portainer.
Đa dạng định dạng và biến thể theme
Icon nguồn ở dạng SVG gốc, được tự động sinh ra bản PNG và WEBP cao 512px. Mỗi icon có hai biến thể: hậu tố -light cho nền tối và -dark cho nền sáng, đảm bảo hiển thị sắc nét bất kể theme dashboard của bạn là gì.
Cộng đồng đóng góp và yêu cầu icon
Không phải mở issue rườm rà, bạn chỉ cần vào dashboardicons.com, điền form yêu cầu icon mới hoặc cập nhật icon cũ. Đội ngũ Homarr Labs sẽ duyệt và xuất bản nhanh chóng. Nếu muốn trở thành người kiểm duyệt, liên hệ qua Discord hoặc email [email protected].
Hướng dẫn tải và sử dụng icon trên dashboard
Tải thủ công qua website
- Truy cập
dashboardicons.com, gõ tên dịch vụ cần tìm. - Nhấp vào icon để xem chi tiết, chọn định dạng mong muốn: SVG, PNG hoặc WEBP.
- Tải về máy hoặc sao chép đường dẫn CDN.
Nhúng trực tiếp bằng CDN
Dùng URL theo mẫu https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/[định-dạng]/[tên-icon].[định-dạng]. Ví dụ: <img src='https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/plex.svg' alt='Plex'>. Với icon có biến thể nền, thêm hậu tố như github-light.svg hoặc github-dark.svg.
Tải nhanh bằng dòng lệnh
Dùng curl: curl -O https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg. Hoặc wget: wget https://cdn.jsdelivr.net/gh/homarr-labs/dashboard-icons/svg/nextcloud.svg.
Lưu ý về quy tắc đặt tên
Tất cả icon tuân thủ kebab-case (chữ thường, phân cách bằng dấu gạch ngang). Ví dụ: «Nextcloud Calendar» thành nextcloud-calendar. Điều này giúp bạn dễ dàng đoán URL mà không cần tra cứu.
Ai nên dùng — ai không nên?
Bộ icon này sinh ra dành cho dân tự host dashboard, những người muốn giao diện bắt mắt, đồng bộ mà không mất công thiết kế. Nếu bạn đang chạy Homarr, Dashy, Homepage, Heimdall hay Flame, đây là lựa chọn quá ngon. Ngược lại, nếu bạn chỉ cần một vài icon cho một trang đơn giản, hoặc làm việc với các thương hiệu yêu cầu chuẩn nhận diện nghiêm ngặt không cho phép tùy biến, bạn nên cân nhắc. Bản thân repo này cũng nêu rõ: icon chỉ dùng cho mục đích nhận diện, không hàm ý được bên sở hữu chứng thực.
Câu hỏi thường gặp
Tôi có thể dùng các icon này cho dự án thương mại không?
Bản thân repo được cấp phép theo file LICENSE, nhưng mỗi icon lại thuộc sở hữu của thương hiệu tương ứng. Bạn nên kiểm tra chính sách nhãn hiệu của bên sở hữu trước khi sử dụng vào mục đích thương mại. Thông thường, việc dùng icon để đại diện cho dịch vụ trong dashboard cá nhân là được chấp nhận.
Làm sao để yêu cầu thêm icon mới?
Cách nhanh và ưu tiên nhất là vào dashboardicons.com, điền form đề xuất icon. Bạn có thể tải lên file icon mẫu hoặc chỉ cung cấp thông tin dịch vụ. Đội ngũ sẽ xử lý và xuất bản nhanh, không cần chờ đợi như khi mở issue trên GitHub.
Tôi có thể đóng góp icon hoặc trở thành người duyệt không?
Hoàn toàn được. Gửi icon qua form hoặc fork repo và tạo pull request. Nếu muốn tham gia đội ngũ duyệt icon, hãy liên hệ qua Discord: https://discord.com/invite/aCsmEV5RgA hoặc email [email protected], cho họ biết lý do và kỹ năng của bạn.
Icon có hỗ trợ định dạng ICO hoặc kích thước khác không?
Hiện tại chỉ hỗ trợ SVG, PNG (512px) và WEBP (512px). Nếu cần ICO, bạn có thể dễ dàng chuyển đổi từ file SVG bằng các công cụ trực tuyến. Cộng đồng có thể bổ sung thêm định dạng trong tương lai nếu có nhu cầu lớn.
Kết luận
Dashboard Icons là giải pháp miễn phí, đơn giản để làm đẹp mọi dashboard tự lưu trữ. Với hơn 1800 icon đồng bộ, đa dạng định dạng, cộng đồng hỗ trợ nhiệt tình, đây là repo bạn nên bookmark ngay. Ghé thăm repository gốc, tải về vài icon, và biến bảng điều khiển của bạn thành một tác phẩm nghệ thuật thực thụ nghen!
