Icônes de localisation gratuites (SVG)

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

Mis à jour le

Utiliser les icônes de localisation

Les repères de carte signalent les adresses, les localisateurs de magasins et les fonctionnalités « à proximité ».

Toutes les icônes proposées suivent currentColor : elles prennent donc la couleur du 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 se décale pas pendant le chargement de la page.

Icônes accessibles

Si l’icône est purement 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 « Localisation ».

Licences

Ces icônes de localisation proviennent de Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, Fluent UI et Material Symbols. Ce sont des jeux d’icônes 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 chercheur d’icônes SVG.

Questions fréquentes

Ces icônes de localisation 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 localisation ?
Les SVG utilisent currentColor : définissez donc la couleur CSS de l’élément parent, ou ouvrez l’icône dans le chercheur 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 en JSX pour un composant React.