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

Icônes info gratuites (SVG)

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

info
Lucidefile-info
Tablerinfo
Phosphorinfo
Bootstrap Iconsinfo-circle
Iconoirinfo-12-filled
Fluent UIinfo
Material Symbolscar-info
Material Design Iconsbadge-info
Lucidefile-info-filled
Tablerinfo-bold
Phosphorinfo-lg
Bootstrap Iconsinfo-circle-solid
Iconoirinfo-12-regular
Fluent UIinfo-outline
Material Symbolsinformation
Material Design Iconsinfo-small
Tablerinfo-duotone
Phosphorinfo-circle
Bootstrap Iconsinfo-16-filled
Fluent UIinfo-outline-rounded
Material Symbolsinformation-outline
Material Design Iconsinfo-circle
Tablerinfo-fill
Phosphorinfo-circle-fill
Bootstrap Iconsinfo-16-regular
Fluent UIinfo-rounded
Material Symbolsinfo-circle-filled
Tablerinfo-light
Phosphorinfo-square
Bootstrap Iconsinfo-20-filled
Fluent UIinfo-i
Material Symbolsinfo-square
Tablerinfo-thin
Phosphorinfo-square-fill
Bootstrap Iconsinfo-20-regular
Fluent UIinfo-i-rounded
Material Symbolsinfo-square-filled
Tablerinfo-24-filled
Fluent UIchat-info
Material Symbolsinfo-hexagon
Tablerinfo-24-regular
Fluent UIchat-info-outline
Material Symbolsinfo-hexagon-filled
Tablerinfo-28-filled
Fluent UIchat-info-outline-rounded
Material Symbolsinfo-octagon
Tablerinfo-28-regular
Fluent UI

Utiliser les icônes info

Un « i » dans un cercle ouvre une aide, des info-bulles ou des informations complémentaires.

Toutes les icônes présentées ici suivent currentColor, elles prennent donc la couleur de texte de l'élément dans lequel elles se trouvent : 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) 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 se trouve à 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 « Info ».

Licences

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

Questions fréquentes

Ces icônes info 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 info ?
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 pour Webflow (colle un Code Embed) ou Copier en JSX pour un composant React.