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

Icon Ổ Khóa Miễn Phí (SVG)

48 icon ổ khóa 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

lock
Lucidelock
Tablerlock
Phosphorlock
Bootstrap Iconslock
Iconoirtag-lock-16-filled
Fluent UIlock
Material Symbolslock
Material Design Iconslock-filled
Tablerlock-bold
Phosphorlock-fill
Bootstrap Iconstag-lock-16-regular
Fluent UIlock-outline
Material Symbolslock-outline
Material Design Iconslock-x
Tablerlock-duotone
Phosphortag-lock-20-filled
Fluent UIlock-outline-sharp
Material Symbolseye-lock
Material Design Iconslock-up
Tablerlock-fill
Phosphortag-lock-20-regular
Fluent UIlock-sharp
Material Symbolseye-lock-outline
Material Design Iconslock-cog
Tablerlock-light
Phosphortag-lock-24-filled
Fluent UIcar-lock
Material Symbolslock-off
Material Design Iconslock-off
Tablerlock-thin
Phosphortag-lock-24-regular
Fluent UIcar-lock-outline
Material Symbolslock-off-outline
Material Design Iconslock-pin
Tablerlock-key
Phosphortag-lock-32-filled
Fluent UIcar-lock-outline-rounded
Material Symbolspen-lock
Material Design Iconsmap-lock
Tablerlock-key-bold
Phosphortag-lock-32-regular
Fluent UIcar-lock-outline-sharp
Material Symbolsaxis-lock
Material Design Iconsfile-lock
Tablerlock-key-duotone
Phosphorcar-lock-rounded
Material Symbolsbook-lock
Material Design Icons

Cách dùng icon ổ khóa

Biểu tượng ổ khóa thường biểu thị bảo mật, nội dung riêng tư, mật khẩu và các cài đặt bị khóa.

Tất cả icon ở đây đều theo currentColor, nên chúng nhận màu chữ của phần tử chứa nó. Một SVG có thể dùng trên nền sáng lẫn nền tối, trong liên kết và trong 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 hỗ trợ truy cập

Nếu icon chỉ mang tính trang trí hoặc nằm cạnh văn bản hiển thị, hãy thêm aria-hidden="true". Nếu icon 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ư “Khóa”.

Giấy phép

Các icon ổ khóa này đến từ Lucide, Tabler, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols, Material Design Icons. Đây là 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 ổ khóa này 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 ổ khóa?
SVG dùng currentColor, nên bạn chỉ cần đặt màu CSS cho phần tử cha. Hoặc bạn có thể 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ó dùng các icon này trong Webflow hoặc React được không?
Được. Mở một icon rồi dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX để lấy component React.