devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Icon Mắt Miễn Phí (SVG)

48 icon mắt 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

eye
Lucideeye
Tablereye
Heroiconseye
Phosphoreye
Bootstrap Iconseye
Iconoireye-12-filled
Fluent UIgroup-eye
Material Symbolseye
Material Design Iconseye-off
Lucideeye-filled
Tablereye-16-solid
Heroiconseye-bold
Phosphoreye-fill
Bootstrap Iconseye-solid
Iconoireye-12-regular
Fluent UIgroup-eye-outline
Material Symbolseye-outline
Material Design Iconsscan-eye
Lucideeye-x
Tablereye-20-solid
Heroiconseye-duotone
Phosphoreye-slash
Bootstrap Iconseye-16-filled
Fluent UIgroup-eye-outline-rounded
Material Symbolseye-off
Material Design Iconseye-up
Tablereye-solid
Heroiconseye-fill
Phosphoreye-slash-fill
Bootstrap Iconseye-16-regular
Fluent UIgroup-eye-rounded
Material Symbolseye-off-outline
Material Design Iconseye-cog
Tablereye-light
Phosphoreye-20-filled
Fluent UItable-eye
Material Symbolseye-lock
Material Design Iconseye-off
Tablereye-thin
Phosphoreye-20-regular
Fluent UItable-eye-outline
Material Symbolseye-lock-outline
Material Design Iconseye-pin
Tablerhand-eye
Phosphoreye-24-filled
Fluent UItable-eye-outline-rounded
Material Symbolseye-plus
Material Design Icons

Cách dùng icon mắt

Icon mắt thường dùng để hiện hoặc ẩn mật khẩu, đồng thời biểu thị khả năng xem và số lượt xem.

Tất cả icon ở đây đều kế thừa currentColor, nên chúng lấy màu chữ của phần tử chứa chúng — một file SVG dùng được trên cả 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 bằng CSS với 1em) để bố cục không bị xô lệch khi trang đang tải.

Icon và khả năng 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 nó là nội dung duy nhất của nút hoặc liên kết, hãy gán cho phần tử đó một aria-label như “Mắt”.

Giấy phép

Các icon mắt này đến từ Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons — 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 icon khác? Tìm trong hơn 70.000 icon tại SVG Icon Finder.

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

Icon mắt có miễn phí để dùng 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 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 mắt?
SVG dùng currentColor, nên bạn chỉ cần đặt color 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 icon này trong Webflow hoặc React không?
Có. Mở một icon rồi dùng Sao chép sang Webflow (dán vào Code Embed) hoặc Sao chép JSX cho component React.