Icono Leaflet
file-icons:leaflet
El icono Leaflet (file-icons:leaflet) es un icono SVG gratuito de la colección File Icons de John Gardner. Está dibujado en una cuadrícula de 460 × 512. File Icons se publican bajo la licencia ISC, 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
- File Icons
- Autor
- John Gardner
- Licencia
- ISC
- Tamaño
- 460 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="460" height="512" viewBox="0 0 460 512"><path fill="currentColor" d="M156.483 498.57c-28.154 26.468-77.292 11.408-108.562-24.176C6.4 427.148-8.631 337.668 4.754 257.873zm32.732-30.512c-18.228-7.747-91.458-45.553-62.463-179.76C80.302 257.764 13.644 234.8 9.378 229.82c0 0 .174 8.073-1.962 23.902l157.637 235.35c3.916-7.718 14.3-13.878 24.162-21.014m-49.786-79.579c15.543 51.182 43.043 57.232 63.315 69.89L408.585 17.992h2.435L219.913 472.995c19.381 18.274 45.235 36.647 84.038 27.902C463.908 472.324 500.428 214.25 413.902 0C312.147 69.794 235.998 107.428 186.32 181.314c-38.638 57.467-68.612 138.396-46.891 207.165"/></svg>Cómo usar el icono Leaflet
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:leaflet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:leaflet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:leaflet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--leaflet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:leaflet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:leaflet"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/file-icons/leaflet.svg" alt="Icono Leaflet" width="24" height="24">El icono Leaflet en otras colecciones
Preguntas frecuentes sobre Icono Leaflet
¿El icono Leaflet es gratis para uso comercial?
Sí. File Icons se publican bajo la licencia ISC, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Leaflet en React?
Instala @iconify/react y renderiza <Icon icon="file-icons:leaflet" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Leaflet a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/file-icons/leaflet.svg" alt="Icono Leaflet">, o pega el código SVG en línea para darle estilo con CSS.