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

Icon Menu Miễn Phí (SVG)

48 icon menu 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à nét, rồi sao chép dưới dạng SVG, JSX, data URI hoặc CSS.

Cập nhật

menu
Lucidemenu
Tablermenu-up
Bootstrap Iconsmenu
Iconoirmenu
Material Symbolsmenu
Material Design Iconsmenu
Carbonsquare-menu
Lucidemenu-2
Tablermenu-app
Bootstrap Iconsmenu-scale
Iconoirmenu-rounded
Material Symbolsmenu-up
Material Design Iconsoverflow-menu-vertical
Carbonmenu-2-filled
Tablermenu-app-fill
Bootstrap Iconsmenu-book
Material Symbolsmenu-up-outline
Material Design Iconsoverflow-menu-horizontal
Carbonmenu-3
Tablermenu-down
Bootstrap Iconsmenu-book-outline
Material Symbolsmenu-down
Material Design Iconsmenu-4
Tablermenu-button
Bootstrap Iconsmenu-book-outline-rounded
Material Symbolsmenu-down-outline
Material Design Iconsmenu-deep
Tablermenu-button-fill
Bootstrap Iconsmenu-book-outline-sharp
Material Symbolsmenu-left
Material Design Iconsmenu-order
Tablermenu-button-wide
Bootstrap Iconsmenu-book-rounded
Material Symbolsmenu-left-outline
Material Design Iconsmenu-button-wide-fill
Bootstrap Iconsmenu-book-sharp
Material Symbolsmenu-open
Material Design Iconsmenu-open
Material Symbolsmenu-swap
Material Design Iconsmenu-open-rounded
Material Symbolsmenu-swap-outline
Material Design Iconsmenu-book-2
Material Symbolsmenu-close
Material Design Iconsmenu-book-2-outline
Material Symbolsmenu-right
Material Design Iconsmenu-book-2-outline-rounded
Material Symbolsmenu-right-outline
Material Design Icons

Cách dùng icon menu

Biểu tượng “hamburger” ba gạch mở điều hướng trên điện thoại; hãy kết hợp với icon đóng (×) cho trạng thái mở.

Tất cả icon ở đây đều theo currentColor, nên chúng lấy 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 và nút bấm. Hãy đặt width và height rõ ràng (hoặc đặt kích thước bằng CSS với 1em) để bố cục không bị nhảy khi trang tải.

Icon dễ tiếp cận

Nếu icon chỉ mang tính trang trí hoặc nằm 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ư “Menu”.

Giấy phép

Các icon menu này đến từ Lucide, Tabler, Bootstrap Icons, Iconoir, 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 ở SVG Icon Finder.

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

Icon menu 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ữ 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 menu?
Các SVG dùng currentColor, nên hãy đặ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ó dùng các icon này trong Webflow hay React không?
Có. Mở một icon và dùng Copy to Webflow (dán vào Code Embed) hoặc Copy JSX cho component React.