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

Icônes de coche gratuites (SVG)

48 icônes de coche 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, URI de données ou CSS.

Mis à jour le

check
Lucidecheck
Tablercheck
Heroiconscheck
Phosphorcheck
Bootstrap Iconscheck
Iconoircheck-20-filled
Fluent UIcheck
Material Symbolscheck
Material Design Iconscheck-line
Lucidecheck-filled
Tablercheck-16-solid
Heroiconscheck-bold
Phosphorcheck-lg
Bootstrap Iconspc-check
Iconoircheck-20-regular
Fluent UIcheck-rounded
Material Symbolscheck-bold
Material Design Iconseye-check
Tablercheck-20-solid
Heroiconscheck-duotone
Phosphorbag-check
Bootstrap Iconscheck-24-filled
Fluent UIcheck-box
Material Symbolscheck-outline
Material Design Iconsmap-check
Tablercheck-solid
Heroiconscheck-fill
Phosphorbag-check-fill
Bootstrap Iconscheck-24-regular
Fluent UIcheck-box-outline
Material Symbolscheckbox-outline
Material Design Iconsbell-check
Tablercheck-light
Phosphorcheck-all
Bootstrap Iconscheck-box-outline-rounded
Material Symbolsbug-check
Material Design Iconscopy-check
Tablercheck-thin
Phosphorcheck-box-outline-sharp
Material Symbolsbug-check-outline
Material Design Iconscopy-check-filled
Tablercheck-fat
Phosphorcheck-box-rounded
Material Symbolscheck-all
Material Design Iconsfile-check
Tablercheck-fat-bold
Phosphorcheck-box-sharp
Material Symbols

Utiliser les icônes de coche

Les coches confirment une réussite, une option sélectionnée ou une étape terminée ; une coche dans un cercle donne une impression « terminé » plus forte.

Toutes les icônes proposées ici suivent currentColor, elles prennent donc la couleur de texte de l'élément dans lequel elles sont placées : un seul 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) pour que la mise en page ne se décale 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 « Valider ».

Licences

Ces icônes de coche proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI, Material Symbols et Material Design Icons. Il s'agit de jeux open source sous licences MIT, ISC ou Apache 2.0, qui autorisent un 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 coche 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 de coche ?
Les SVG utilisent currentColor : définissez la couleur CSS 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 « Copier vers Webflow » (colle un Code Embed) ou « Copier le JSX » pour un composant React.