Đang tải…
Miễn phí, không cần đăng ký
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ủ
Đang tải thư viện icon...
Cách dùng
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.
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.
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.
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
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.
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.
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.
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ộ.
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.
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 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.
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
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.
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.
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 đó.
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".
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
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.