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

Icônes de menu gratuites (SVG)

48 icônes de menu gratuites issues de jeux open source. Cliquez sur l'une d'elles pour modifier sa taille, sa couleur et son trait, puis copiez-la en SVG, JSX, data URI ou CSS.

Mis à jour le

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

Utiliser les icônes de menu

Le « hamburger » à trois traits ouvre la navigation sur smartphone ; associez-le à une icône de fermeture (×) pour l'état ouvert.

Toutes les icônes ici suivent currentColor, elles prennent donc la couleur de texte de l'élément dans lequel elles se trouvent. Un seul SVG fonctionne ainsi sur fonds clairs et sombres, dans les liens comme dans les boutons. Définissez explicitement width et height (ou dimensionnez-les en CSS avec 1em) afin que la mise en page ne bouge pas pendant le chargement de la page.

Icônes accessibles

Si l'icône est décorative ou placée à côté d'un texte visible, ajoutez aria-hidden="true". Si elle est le seul contenu d'un bouton ou d'un lien, donnez à cet élément un aria-label tel que « Menu ».

Licences

Ces icônes de menu proviennent de Lucide, Tabler, Bootstrap Icons, Iconoir, Material Symbols, Material Design Icons et Carbon : ce sont des jeux open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage personnel et commercial. Besoin d'autre chose ? Recherchez parmi plus de 70 000 icônes dans le SVG Icon Finder.

Questions fréquentes

Ces icônes de menu sont-elles gratuites pour un usage commercial ?
Oui. Elles proviennent de jeux d'icônes open source sous licences MIT, ISC ou Apache 2.0, qui autorisent l'usage commercial. Conservez la mention de licence si vous redistribuez les fichiers d'icônes eux-mêmes.
Comment modifier la couleur d'une icône de menu ?
Les SVG utilisent currentColor : définissez donc la couleur CSS de l'élément parent. Vous pouvez aussi ouvrir l'icône dans le moteur de recherche et choisir une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez « Copier vers Webflow » (colle un Code Embed) ou « Copier JSX » pour un composant React.