Đang tải…
5.507 SVG icon dùng tự do cho vibe code và frontend: 2.050 icon giao diện dạng nét + 3.457 logo thương hiệu kèm mã màu chính hãng. Chọn icon, đổi màu đơn sắc hoặc gradient, rồi sao chép SVG, JSX cho React hay Data URI - không cần cài đặt gì.
Đang tải thư viện icon...
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.