Icono Snap
gis:snap
El icono Snap (gis:snap) 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
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="M29.045 2.334c-7.467 0-14.94 2.822-20.582 8.464c-11.284 11.284-11.284 29.872 0 41.156h.009c4.593 4.585 9.277 9.275 13.937 13.938c3.097 3.098 6.164 6.162 9.26 9.26l1.582 1.582l3.157 3.165l15.834-15.826l-3.165-3.165l-10.842-10.842c-4.662-4.665-9.34-9.35-13.946-13.947c-2.751-2.756-2.756-6.74 0-9.495c2.755-2.756 6.748-2.756 9.504 0L47.731 40.57l10.842 10.842l3.165 3.157l15.826-15.826l-3.157-3.157l-10.85-10.842l-13.938-13.946c-5.642-5.642-13.107-8.464-20.574-8.464m0 4.468c6.32 0 12.636 2.388 17.409 7.161L60.391 27.91l-9.495 9.496L36.958 23.46a11.17 11.17 0 0 0-15.834 0a11.17 11.17 0 0 0 0 15.826c4.603 4.594 9.282 9.279 13.946 13.946l-9.496 9.495c-4.66-4.664-9.341-9.35-13.937-13.937h-.009c-9.545-9.546-9.545-25.28 0-34.826c4.773-4.773 11.099-7.16 17.417-7.16m63.829 38.245a7.114 7.114 0 0 0-7.117 7.117c0 2.659 1.47 4.958 3.628 6.182c-1.19 8.333-2.375 16.856-3.628 25.077a7.07 7.07 0 0 0-4.162 1.364L69.73 76.33c.12-.519.192-1.053.192-1.608c0-3.934-3.184-7.126-7.117-7.126a7.13 7.13 0 0 0-7.126 7.126c0 3.933 3.192 7.117 7.126 7.117c1.743 0 3.317-.648 4.555-1.688l11.63 8.28c-.212.674-.36 1.374-.36 2.117c0 3.933 3.193 7.117 7.127 7.117a7.114 7.114 0 0 0 7.117-7.117c0-2.283-1.093-4.293-2.763-5.596l3.681-25.76c3.495-.454 6.208-3.41 6.208-7.029c0-3.934-3.192-7.117-7.126-7.117" color="currentColor"/></svg>Cómo usar el icono Snap
React
import { Icon } from "@iconify/react";
<Icon icon="gis:snap" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gis:snap" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gis:snap" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gis--snap]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gis -->
<div class="i-gis:snap"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gis:snap"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/gis/snap.svg" alt="Icono Snap" width="24" height="24">Iconos relacionados en Font-GIS
El icono Snap en otras colecciones
Preguntas frecuentes sobre Icono Snap
¿El icono Snap 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 Snap en React?
Instala @iconify/react y renderiza <Icon icon="gis:snap" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Snap a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/gis/snap.svg" alt="Icono Snap">, o pega el código SVG en línea para darle estilo con CSS.