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

Icon Ngôi Nhà Miễn Phí (SVG)

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

Cập nhật

home
Lucidehome
Tablerhome
Heroiconshome
Iconoirhome-12-filled
Fluent UIhome
Material Symbolshome
Material Design Iconshome
Carbonhome-filled
Tablerhome-16-solid
Heroiconshome-alt
Iconoirhome-12-regular
Fluent UIhome-outline
Material Symbolshome-outline
Material Design Iconshome-2
Tablerhome-20-solid
Heroiconshome-sale
Iconoirhome-16-filled
Fluent UIhome-outline-rounded
Material Symbolshome-off
Material Design Iconshome-2-filled
Tablerhome-solid
Heroiconshome-user
Iconoirhome-16-regular
Fluent UIhome-rounded
Material Symbolshome-off-outline
Material Design Iconshome-x
Tablerhome-20-filled
Fluent UIadd-home
Material Symbolshome-city
Material Design Iconshome-up
Tablerhome-20-regular
Fluent UIadd-home-outline
Material Symbolshome-city-outline
Material Design Iconshome-cog
Tablerhome-24-filled
Fluent UIadd-home-outline-rounded
Material Symbolshome-edit
Material Design Iconshome-dot
Tablerhome-24-regular
Fluent UIadd-home-rounded
Material Symbolshome-edit-outline
Material Design Iconshome-eco
Tablerhome-28-filled
Fluent UIhome-max
Material Symbolshome-lock
Material Design Iconshome-off
Tablerhome-28-regular
Fluent UI

Cách dùng icon ngôi nhà

Hình ngôi nhà là biểu tượng phổ quát để quay về trang chủ hoặc bảng điều khiển chính, thường nằm đầu tiên trên thanh điều hướng.

Mọi 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 file SVG dùng được cho 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 trong CSS bằng 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 đứng cạnh chữ 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ư “Trang chủ”.

Giấy phép

Các icon ngôi nhà này đến từ Lucide, Tabler, Heroicons, 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

Các icon ngôi nhà 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 thương mại. Hãy giữ 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 ngôi nhà?
Các SVG dùng currentColor, nên bạn chỉ cần đặt thuộc tính color trong 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 thành Code Embed) hoặc Copy JSX để lấy component React.