Ícone Map Route

gis:map-route

O ícone Map Route (gis:map-route) é um ícone SVG gratuito da coleção Font-GIS de Jean-Marc Viglino. Ele é desenhado em uma grade de 100 × 100. Font-GIS icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Font-GIS
Autor: Jean-Marc Viglino
Licença: CC-BY-4.0
Tamanho: 100 × 100
Categoria
Tags: maproute

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/gis/map-route.svg" alt="Ícone Map Route" width="24" height="24">

Ícones relacionados em Font-GIS

O ícone Map Route em outras coleções

Perguntas frequentes sobre Ícone Map Route

O ícone Map Route é grátis para uso comercial?

Sim. Font-GIS icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Map Route no React?

Instale @iconify/react e renderize <Icon icon="gis:map-route" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Map Route a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/gis/map-route.svg" alt="Ícone Map Route">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Font-GIS →