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

Ikon Menu SVG Gratis

48 ikon menu gratis dari set open-source — klik salah satu untuk mengubah ukuran, warna, dan stroke, lalu salin sebagai SVG, JSX, data URI, atau CSS.

Diperbarui

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

Cara memakai ikon menu

Ikon “hamburger” bergaris tiga membuka navigasi di ponsel; pasangkan dengan ikon tutup (×) untuk kondisi terbuka.

Semua ikon di sini mengikuti currentColor, jadi warnanya mengikuti warna teks elemen tempat ikon berada — satu SVG bisa dipakai di latar terang maupun gelap, di tautan maupun tombol. Atur width dan height secara eksplisit (atau atur ukurannya di CSS dengan 1em) agar tata letak tidak bergeser saat halaman dimuat.

Ikon yang aksesibel

Jika ikon hanya hiasan atau berada di samping teks yang terlihat, tambahkan aria-hidden="true". Jika ikon adalah satu-satunya konten tombol atau tautan, beri elemen tersebut aria-label seperti “Menu”.

Lisensi

Ikon menu ini berasal dari Lucide, Tabler, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons, Carbon — set open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang memperbolehkan penggunaan pribadi maupun komersial. Butuh yang lain? Cari lebih dari 70.000 ikon di SVG Icon Finder.

Pertanyaan yang sering diajukan

Apakah ikon menu ini gratis untuk penggunaan komersial?
Ya. Ikon ini berasal dari set ikon open-source di bawah lisensi MIT, ISC, atau Apache 2.0, yang memperbolehkan penggunaan komersial. Tetap sertakan pemberitahuan lisensi jika kamu mendistribusikan ulang file ikonnya.
Bagaimana cara mengubah warna ikon menu?
SVG-nya memakai currentColor, jadi atur warna CSS pada elemen induknya — atau buka ikon di pencari dan pilih warna tetap sebelum menyalin.
Bisakah saya memakai ikon ini di Webflow atau React?
Bisa. Buka ikon lalu gunakan Salin ke Webflow (menempel sebagai Code Embed) atau Salin JSX untuk komponen React.