Icône Map Route
gis:map-route
L'icône Map Route (gis:map-route) est une icône SVG gratuite de la collection Font-GIS par Jean-Marc Viglino. Elle est dessinée sur une grille de 100 × 100. Les Font-GIS icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Font-GIS
- Auteur
- Jean-Marc Viglino
- Licence
- CC-BY-4.0
- Taille
- 100 × 100
- Catégorie
- Mots-clés
- maproute
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" fill-rule="evenodd" d="M83.117 0c-6.88 0-12.698 4.735-14.379 11.092l-1.851-.86a2.5 2.5 0 0 0-2.108 0L34.166 24.453L3.553 10.233A2.5 2.5 0 0 0 0 12.5v70.287a2.5 2.5 0 0 0 1.447 2.268l31.666 14.709a2.5 2.5 0 0 0 2.108 0l30.613-14.22l30.613 14.22c1.657.769 3.553-.44 3.553-2.266V27.211a2.5 2.5 0 0 0-1.447-2.268l-3.23-1.502l1.011-1.722c.23-.417.413-.861.57-1.315A14.7 14.7 0 0 0 98 14.842C98 6.685 91.298 0 83.117 0m0 6.953c4.405 0 7.908 3.496 7.908 7.889c0 4.392-3.503 7.885-7.908 7.885s-7.908-3.493-7.908-7.885c0-4.393 3.503-7.889 7.908-7.889m-16.166 8.822l1.377.641a14.7 14.7 0 0 0 2.625 6.938l10.348 17.89c1.45 1.894 2.414 1.534 3.619-.1l7.857-13.373L95 28.805V93.58L67.322 80.723l-.226-39.676c.408.088.815.173 1.224.27l.92-3.891a64 64 0 0 0-2.168-.473zm-2.998.354l.115 20.336a34 34 0 0 0-3.113-.281l-.148 3.996c1.088.04 2.185.158 3.285.318l.23 40.234l-28.676 13.323l-.369-64.604zM5 16.418l27.275 12.67l.371 64.947L5 81.191zm51.543 20.039c-1.377.247-2.786.688-4.098 1.451a9.93 9.93 0 0 0-3.732 3.82l3.502 1.932a6 6 0 0 1 2.226-2.289l.006-.004l.006-.004c.807-.47 1.768-.786 2.797-.97zm16.666 2.031l-1.133 3.834c2.503.74 4.982 1.59 7.447 2.51l1.399-3.748c-2.532-.944-5.1-1.824-7.713-2.596m-26.002 7.596l-.03.158l-.003.014c-.499 2.831-.446 5.617-.334 8.265l3.996-.17c-.109-2.569-.132-5.055.277-7.388l.024-.125zm3.867 12.21l-3.99.27c.18 2.669.372 5.285.365 7.85l4 .01c.008-2.77-.195-5.478-.375-8.13m-3.824 11.89c-.11.953-.274 1.88-.514 2.77l-.002.005l-.002.008c-.35 1.335-.939 2.571-1.761 3.539l3.047 2.59c1.288-1.515 2.105-3.298 2.58-5.102l.002-.006c.3-1.116.495-2.24.623-3.35zm-33.768 3.898l-1.796 3.574c2.48 1.247 5.045 2.278 7.628 3.17l1.305-3.781c-2.455-.847-4.852-1.815-7.137-2.963m10.836 4.113l-1.064 3.856c2.646.731 5.366 1.312 8.146 1.625l.446-3.975c-2.521-.283-5.035-.817-7.528-1.506m18.141.282c-1.992 1.02-4.397 1.397-6.87 1.427l.05 4c2.834-.034 5.864-.444 8.642-1.867z" color="currentColor"/></svg>Comment utiliser l'icône Map Route
React
import { Icon } from "@iconify/react";
<Icon icon="gis:map-route" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:map-route" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:map-route" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--map-route]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:map-route"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:map-route"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/gis/map-route.svg" alt="Icône Map Route" width="24" height="24">Icônes similaires dans Font-GIS
L'icône Map Route dans d'autres collections
FAQ : Icône Map Route
L'icône Map Route est-elle gratuite pour un usage commercial ?
Oui. Les Font-GIS icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Map Route dans React ?
Installez @iconify/react et affichez <Icon icon="gis:map-route" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Map Route à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/gis/map-route.svg" alt="Icône Map Route">, ou collez le code SVG directement dans la page pour le styliser en CSS.