Cách sử dụng Iconoir
Bạn có 2 cách để tích hợp Iconoir vào dự án của mình:
1. Dùng trực tiếp SVG
- Chọn biểu tượng tại iconoir.com.
- Copy đoạn mã SVG hoặc tải file về máy.
- Chèn trực tiếp vào HTML hoặc dùng như background/icon inline.
2. Dùng qua CDN CSS (kiểu Font Awesome)
Chèn link CSS vào trong <head> của website:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/iconoir-icons/iconoir@main/css/iconoir.css" />
Sau đó sử dụng class theo tên icon:
<i class="iconoir-hand-brake"></i>
Ví dụ hiển thị:
Lý do nên dùng Iconoir
- Miễn phí 100%, mã nguồn mở, dùng thoải mái cho cả cá nhân và thương mại.
- Thiết kế tối giản, dễ đồng bộ với UI hiện đại.
- Hỗ trợ SVG, React, Figma, CSS – phù hợp mọi nền tảng.
- Không cần tài khoản hoặc đăng ký.
Tổng kết
Nếu bạn đang tìm kiếm một bộ icon đẹp, nhẹ và dễ sử dụng, Iconoir là lựa chọn rất đáng thử. Bạn có thể dùng cho website, app, slide, hoặc bất kỳ thiết kế nào cần biểu tượng rõ ràng, tối giản.
Chúc bạn thiết kế thật gọn gàng và ấn tượng!
Bình luận