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

Icon User Miễn Phí (SVG)

48 icon user miễn phí từ các bộ mã nguồn mở — nhấp 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

user
Lucideuser
Tableruser
Heroiconsuser
Phosphoruser
Iconoiruser
Material Design Iconsuser
Carbonuser-round
Lucideuser-filled
Tableruser-16-solid
Heroiconsuser-bold
Phosphoruser-bag
Iconoiruser-outline
Material Design Iconsuser-filled
Carbonuser-x
Lucideuser-x
Tableruser-20-solid
Heroiconsuser-duotone
Phosphorhome-user
Iconoiruser-box
Material Design Iconstask-user
Carbonuser-cog
Lucideuser-up
Tableruser-solid
Heroiconsuser-fill
Phosphoruser-cart
Iconoiruser-box-outline
Material Design Iconsuser-data
Carbonuser-key
Lucideuser-cog
Tableruser-plus
Heroiconsuser-light
Phosphoruser-love
Iconoiruser-key
Material Design Iconsuser-role
Carbonuser-pen
Lucideuser-key
Tableruser-plus-16-solid
Heroiconsuser-thin
Phosphoruser-plus
Iconoiruser-key-outline
Material Design Iconsbook-user
Lucideuser-off
Tableruser-plus-20-solid
Heroiconsuser-gear
Phosphoruser-scan
Iconoiruser-off
Material Design Iconsfile-user
Lucide

Cách dùng icon user

Icon hình người tượng trưng cho tài khoản, hồ sơ và đăng nhập; biến thể viền tròn thường được dùng thay cho ảnh đại diện còn thiếu.

Tất cả icon ở đây đều tuân theo currentColor, nên chúng nhận màu chữ của phần tử chứa chúng — một SVG hoạt động tốt trên nền sáng và nền tối, trong liên kết lẫn nút bấm. Hãy đặt rõ width và height (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 có 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 một nút hoặc liên kết, hãy đặt cho phần tử đó một aria-label như “User”.

Giấy phép

Các icon user này đến từ Lucide, Tabler, Heroicons, Phosphor, Iconoir, 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? Hãy tìm trong hơn 70.000 icon tại SVG Icon Finder.

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

Các icon user 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 sử 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 thế nào để đổi màu icon user?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính 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 các icon này trong Webflow hoặc React không?
Có. Mở một icon và dùng nút Sao chép vào Webflow (dán thành Code Embed) hoặc Sao chép JSX cho một component React.