ICONYZ
Español
Icono Map Smiley de Font-GIS

Icono Map Smiley

gis:map-smiley

El icono Map Smiley (gis:map-smiley) es un icono SVG gratuito de la colección Font-GIS de Jean-Marc Viglino. Está dibujado en una cuadrícula de 100 × 100. Font-GIS icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
Font-GIS
Autor
Jean-Marc Viglino
Licencia
CC-BY-4.0
Tamaño
100 × 100
Categoría
Etiquetas
mapsmiley
Descargar 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="M2.586 5.002A2.5 2.5 0 0 0 0 7.5v70.29a2.5 2.5 0 0 0 1.447 2.267l31.666 14.71A2.5 2.5 0 0 0 34.19 95a2.5 2.5 0 0 0 1.032-.232l30.613-14.221l30.613 14.22A2.5 2.5 0 0 0 100 92.5V40.918a28 28 0 0 1-5 6.594v41.07L67.322 75.725l-.119-20.791a33 33 0 0 1-3.004-.9l.123 21.7l-28.676 13.323l-.369-64.606l9.414-4.373a31.4 31.4 0 0 1 2.305-6.586l-12.83 5.961L3.553 5.233a2.5 2.5 0 0 0-.967-.231M5 11.418l27.275 12.67l.371 64.95L5 76.192z" color="currentColor"/><path fill="currentColor" d="M74.063 0C59.77 0 48.125 11.646 48.125 25.938c0 14.29 11.646 25.937 25.938 25.937c14.29 0 25.937-11.646 25.937-25.937S88.354 0 74.063 0m0 5.764a20.13 20.13 0 0 1 20.173 20.174A20.13 20.13 0 0 1 74.062 46.11A20.13 20.13 0 0 1 53.89 25.938A20.13 20.13 0 0 1 74.062 5.764m-7.626 11.12a4.43 4.43 0 0 0-4.431 4.432a4.43 4.43 0 0 0 4.432 4.432a4.43 4.43 0 0 0 4.431-4.432a4.43 4.43 0 0 0-4.432-4.431m15.25 0a4.43 4.43 0 0 0-4.431 4.432a4.43 4.43 0 0 0 4.432 4.432a4.43 4.43 0 0 0 4.431-4.432a4.43 4.43 0 0 0-4.432-4.431M65.804 32.608a2.433 2.433 0 0 0-1.428 4.368c2.499 1.963 5.905 2.918 9.525 2.98s7.093-.785 9.725-2.621a2.433 2.433 0 1 0-2.785-3.99c-1.476 1.03-4.108 1.793-6.858 1.746s-5.279-.904-6.6-1.942a2.43 2.43 0 0 0-1.58-.54" color="currentColor"/></svg>

Cómo usar el icono Map Smiley

React

import { Icon } from "@iconify/react";

<Icon icon="gis:map-smiley" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="gis:map-smiley" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="gis:map-smiley" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--map-smiley]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:map-smiley"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="gis:map-smiley"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/gis/map-smiley.svg" alt="Icono Map Smiley" width="24" height="24">

Iconos relacionados en Font-GIS

Preguntas frecuentes sobre Icono Map Smiley

¿El icono Map Smiley es gratis para uso comercial?

Sí. Font-GIS icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.

¿Cómo uso el icono Map Smiley en React?

Instala @iconify/react y renderiza <Icon icon="gis:map-smiley" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Map Smiley a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/gis/map-smiley.svg" alt="Icono Map Smiley">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Font-GIS →