Icono Google Maps
zmdi:google-maps
El icono Google Maps (zmdi:google-maps) es un icono SVG gratuito de la colección Material Design Iconic Font de MDI Community. Está dibujado en una cuadrícula de 448 × 480. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Design Iconic Font
- Autor
- MDI Community
- Licencia
- OFL-1.1
- Tamaño
- 448 × 480
- Etiquetas
- googlemaps, map
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="448" height="480" viewBox="0 0 448 480"><path fill="currentColor" d="M341 5q44 0 75.5 31.5T448 112q0 22-26.5 67.5t-52 92.5t-22.5 75q0 5-5.5 5t-5.5-5q2-28-23-75t-51.5-92.5T235 112q0-44 31-75.5T341 5m.5 64q-17.5 0-30 12.5T299 112t12.5 30.5t30 12.5t30-12.5T384 112t-12.5-30.5t-30-12.5M43 48h185q-20 32-20 69q0 26 32 83L1 439l-1-7V91q0-18 12.5-30.5T43 48m267 275l-51-51l14-15q24 39 37 66m61 152H56l157-158zm56-248v205l-1 7l-72-72q3-9 7-18.5t9-20t9.5-19t12-21.5t11-19.5T415 247zm-327 24q-17 0-27-7t-10-19q0-14 18-21q10-3 22-3h5q13 10 18 15t5 12q0 9-9 16t-22 7M75 129q0-10 5.5-15.5T93 108q13 0 20.5 12t7.5 25q0 11-6.5 15.5T101 165q-11 0-18.5-11.5T75 129m52 62l-7-6q-6-5-6-9q0-7 7-12q17-13 17-29q0-14-14-26h12l9-9h-43q-21 0-32.5 11.5T58 139q0 13 9 23t25 10h5l-2 8q0 7 6 14q-24 1-40 11q-16 9-16 25q0 13 11.5 21.5T90 260q25 0 39.5-12t14.5-27q0-16-17-30"/></svg>
Cómo usar el icono Google Maps
React
import { Icon } from "@iconify/react";
<Icon icon="zmdi:google-maps" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="zmdi:google-maps" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="zmdi:google-maps" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[zmdi--google-maps]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/zmdi -->
<div class="i-zmdi:google-maps"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="zmdi:google-maps"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/zmdi/google-maps.svg" alt="Icono Google Maps" width="24" height="24">
Iconos relacionados en Material Design Iconic Font
El icono Google Maps en otras colecciones
Preguntas frecuentes sobre Icono Google Maps
¿El icono Google Maps es gratis para uso comercial?
Sí. Material Design Iconic Font icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Google Maps en React?
Instala @iconify/react y renderiza <Icon icon="zmdi:google-maps" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Google Maps a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/zmdi/google-maps.svg" alt="Icono Google Maps">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Design Iconic Font →
ICONYZ
