Icon Wi-Fi miễn phí (SVG)

48 icon wi-fi miễn phí từ các bộ mã nguồn mở — nhấn vào một icon để đổi kích thước, màu và độ dày nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

Cách dùng icon wi-fi

Các vòng cung Wi-Fi thể hiện trạng thái kết nối và cài đặt mạng.

Mọi icon ở đây đều theo currentColor, nên chúng nhận màu chữ của phần tử chứa chúng — một SVG dùng được trên nền sáng lẫn nền tối, trong liên kết lẫn nút bấm. Hãy đặt width và height rõ ràng (hoặc chỉnh kích thước trong CSS bằng 1em) để bố cục không bị xô lệch khi trang đang tải.

Icon có hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc đứng cạnh chữ hiển thị, hãy thêm aria-hidden="true". Nếu đó là nội dung duy nhất của nút hoặc liên kết, hãy đặt cho phần tử đó một aria-label như “Wi-Fi”.

Giấy phép

Các icon wi-fi này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons, Carbon — các bộ mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép sử dụng cá nhân và thương mại. Cần thứ khác? Tìm trong hơn 70.000 icon tại SVG Icon Finder.

Câu hỏi thường gặp

Icon wi-fi này có miễn phí cho mục đích thương mại không?
Có. Chúng đến từ các bộ icon mã nguồn mở theo giấy phép MIT, ISC hoặc Apache 2.0, cho phép dùng vào mục đích thương mại. Hãy giữ lại thông báo giấy phép nếu bạn phân phối lại chính các file icon.
Làm sao để đổi màu icon wi-fi?
Các file SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính màu CSS cho phần tử cha — hoặc mở icon trong công cụ tìm kiếm và chọn một màu cố định trước khi sao chép.
Tôi có thể dùng các icon này trong Webflow hoặc React không?
Có. Mở một icon rồi dùng "Copy to Webflow" (dán vào Code Embed) hoặc "Copy JSX" để tạo component React.