Miễn phí, không cần đăng ký
Thư viện SVG icon & logo thương hiệu
5.507 SVG icon dùng tự do cho vibe code và frontend: 2.050 icon giao diện dạng nét cộng 3.457 logo thương hiệu kèm mã màu chính hãng.
Tra cứu và sao chép ngay trên máy bạn - không gửi gì lên máy chủ
- 2.050 icon giao diện (Lucide, ISC) + 3.457 logo thương hiệu (Simple Icons, CC0)
- Đổi màu đơn sắc hoặc gradient ngay trước khi sao chép
- Sao chép SVG, JSX cho React hoặc Data URI cho CSS
- Logo kèm mã màu chính hãng, dùng tự do cho cả dự án thương mại
Đang tải thư viện icon...
Cách dùng
Ba bước từ tìm tới dán vào code
Bấm vào icon để đổi màu đơn sắc hoặc gradient, rồi sao chép SVG, JSX cho React hay Data URI.
- 1
Tìm icon
Gõ từ khóa hoặc chọn nhóm ở danh mục bên trái. Tab logo thương hiệu tải dữ liệu theo lô nên mở ra là thấy hình ngay.
- 2
Đổi màu
Bấm vào icon để mở bảng đổi màu: một màu đặc hoặc dải gradient hai đầu. Xem trước ngay trong bảng.
- 3
Sao chép mã
Chọn định dạng phù hợp: SVG để dán thẳng vào HTML, JSX cho React, Data URI để nhúng vào CSS. Hoặc tải file .svg về.
Tính năng
Đủ cho một buổi dựng giao diện
5.507 icon trong một chỗ
Icon giao diện dạng nét cho frontend, và logo thương hiệu để làm nút đăng nhập hay liên kết mạng xã hội.
Đổi màu trước khi sao chép
Một màu đặc hoặc gradient hai đầu, xem trước ngay. Không phải mở phần mềm đồ họa chỉ để đổi một mã màu.
Ba định dạng sao chép
SVG dán thẳng vào HTML, JSX dùng luôn trong React, Data URI nhúng vào CSS. Hoặc tải file .svg về máy.
Tải theo lô, mở là thấy hình
Nét vẽ của 3.457 logo được tách thành nhiều lô nhỏ, chỉ tải phần đang xem - nhẹ hơn khoảng mười hai lần so với tải trọn bộ.
Giấy phép rõ ràng
Icon giao diện dùng giấy phép ISC, logo thuộc phạm vi công cộng CC0. Trang ghi rõ lưu ý về nhãn hiệu khi dùng logo.
Không cần tài khoản
Dữ liệu icon là file tĩnh, mọi việc tìm và đổi màu chạy trên máy bạn. Không đăng ký, không giới hạn lượt dùng.
Giấy phép
Dùng được tới đâu, và lưu ý khi dùng logo
Icon giao diện (Lucide - ISC)
Dùng tự do cho mọi dự án, kể cả thương mại, không cần ghi nguồn. Bạn được sửa nét, đổi màu, gộp vào bộ icon riêng của mình.
Logo thương hiệu (Simple Icons - CC0)
Bản vẽ SVG thuộc phạm vi công cộng, nhưng chính logo là nhãn hiệu của từng công ty. Chỉ dùng để nhận diện dịch vụ đó (nút đăng nhập, liên kết mạng xã hội...) và theo đúng brand guidelines của hãng - không bóp méo, không đổi màu trái quy định của họ.
Giải đáp
Câu hỏi thường gặp về SVG icon
Icon SVG là gì và vì sao nên dùng cho web?
SVG là định dạng ảnh vector: phóng to bao nhiêu cũng sắc nét, dung lượng vài trăm byte, đổi màu bằng CSS và nhúng thẳng vào HTML/React. Vì vậy SVG là chuẩn mặc định cho icon trên web hiện đại, thay cho icon font hay ảnh PNG.
Đổi màu icon SVG như thế nào?
Chọn một icon trong thư viện rồi chọn chế độ màu: đơn sắc (một màu bất kỳ) hoặc gradient (hai màu, bốn hướng). Công cụ tự sinh mã SVG đã áp màu - với icon nét thì màu nằm ở thuộc tính stroke, với logo đặc thì nằm ở fill. Sao chép là dùng được ngay, không cần chỉnh tay.
Icon và logo ở đây có được dùng miễn phí không?
Bộ icon giao diện phát hành theo giấy phép ISC (Lucide) - dùng tự do kể cả thương mại. Bộ logo thương hiệu lấy từ Simple Icons (CC0) - bản vẽ dùng tự do, nhưng bản thân logo là nhãn hiệu của từng công ty: khi dùng logo hãy tuân theo brand guidelines của hãng đó.
Dùng icon SVG trong React/Next.js như thế nào?
Bấm "Sao chép JSX" - công cụ tự đổi các thuộc tính kebab-case (stroke-width, fill-rule...) sang camelCase (strokeWidth, fillRule) đúng chuẩn React, dán thẳng vào component là chạy. Muốn dùng trong CSS (background-image) thì chọn "Sao chép Data URI".
Thư viện có bao nhiêu icon?
5.507 icon gồm hai bộ: 2.050 icon giao diện dạng nét (mũi tên, giỏ hàng, người dùng, biểu đồ...) và 3.457 logo thương hiệu nổi tiếng (Facebook, Google, TikTok, GitHub...) kèm mã màu chính hãng của từng logo.
Công cụ khác
Sáu công cụ miễn phí nữa
Cùng một nguyên tắc: chạy trên máy bạn, không cần tài khoản, không giới hạn lượt dùng.