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

Icônes plus gratuites (SVG)

48 icônes plus 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

plus
Lucideplus
Tablerplus
Heroiconsplus
Phosphorplus
Bootstrap Iconsplus
Iconoir1k-plus
Material Symbolsplus
Material Design Iconsmap-plus
Lucideplus-filled
Tablerplus-16-solid
Heroiconsplus-bold
Phosphorplus-lg
Bootstrap Iconskey-plus
Iconoir1k-plus-outline
Material Symbolsplus-outline
Material Design Iconseye-plus
Tablerplus-20-solid
Heroiconsplus-duotone
Phosphor1k-plus-outline-rounded
Material Symbolseye-plus
Material Design Iconsmap-plus
Tablerplus-solid
Heroiconsplus-fill
Phosphor1k-plus-outline-sharp
Material Symbolseye-plus-outline
Material Design Iconstag-plus
Tablerplus-light
Phosphor1k-plus-rounded
Material Symbolsfan-plus
Material Design Iconsplus-thin
Phosphor1k-plus-sharp
Material Symbolskey-plus
Material Design Icons2k-plus
Material Symbolsmap-plus
Material Design Icons2k-plus-outline
Material Symbolsplus-one
Material Design Icons2k-plus-outline-rounded
Material Symbolspen-plus
Material Design Icons2k-plus-outline-sharp
Material Symbolsplus-box
Material Design Icons2k-plus-rounded
Material Symbolsplus-box-outline
Material Design Icons2k-plus-sharp
Material Symbolstab-plus
Material Design Icons3k-plus
Material Symbolstag-plus
Material Design Icons3k-plus-outline
Material Symbols

Utiliser les icônes plus

Un signe plus sert à ajouter des éléments, à ouvrir « créer un nouveau » et à développer des sections.

Toutes les icônes ici suivent currentColor, elles prennent donc la couleur de texte de l'élément dans lequel elles se trouvent — un même SVG fonctionne 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 « Ajouter ».

Licences

Ces icônes plus proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Material Symbols et Material Design Icons — 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 plus 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 changer la couleur d'une icône plus ?
Les SVG utilisent currentColor : définissez donc la propriété CSS color de l'élément parent — ou ouvrez l'icône dans le moteur de recherche et choisissez une couleur fixe avant de la copier.
Puis-je utiliser ces icônes dans Webflow ou React ?
Oui. Ouvrez une icône et utilisez Copy to Webflow (colle un Code Embed) ou Copy JSX pour un composant React.