Icono Zipper
game-icons:zipper
El icono Zipper (game-icons:zipper) es un icono SVG gratuito de la colección Game Icons de GameIcons. Está dibujado en una cuadrícula de 512 × 512. Game Icons se publican bajo la licencia CC BY 3.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
- Game Icons
- Autor
- GameIcons
- Licencia
- CC-BY-3.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M107.023 17.25L92.71 45.738l16.086 8.08l14.312-28.486zm328.497 4.557l-16.688 6.748l11.95 29.556l16.687-6.746zm-289.79 12.6l-15.335 27.948l15.779 8.66l15.338-27.949zm255.032 1.67l-16.084 8.081l14.312 28.487l16.084-8.08zm-34.914 17.9l-15.032 9.9l17.534 26.625l15.033-9.9zM178.754 55.77l-18.275 26.122l14.748 10.318l18.275-26.121zm155.29 18.243L319.86 85.092l19.623 25.127l14.186-11.08zm-124.47 5.42l-21.847 23.216l13.107 12.336l21.85-23.215zm96.342 18.888l-12.066 13.356l23.656 21.373l12.066-13.356zm-68.059 10.137l-25.48 19.158l10.816 14.387l25.483-19.158zm41.184 21.424l-8.129 16.06l28.445 14.397l8.13-16.059zM256 165c-16.4 0-34.344 10.07-57.637 33.363c-2.94 2.94-3.524 4.645-3.629 6.416s.528 4.498 2.983 8.59c4.516 7.526 15.2 18.68 29.283 32.826V199h58v47.195c14.083-14.146 24.767-25.3 29.283-32.826c2.455-4.092 3.087-6.818 2.983-8.59c-.105-1.771-.69-3.476-3.63-6.416C290.345 175.07 272.4 165 256 165m-11 52v86.275c1.705 12.707 7.374 15.725 11 15.725s9.295-3.018 11-15.725V217zm-18 75.738l-25.924 155.547c.089 1.188 1.12 4.786 3.912 8.973c2.915 4.372 7.378 9.332 12.774 13.828C228.552 480.078 243 487 256 487s27.447-6.922 38.238-15.914c5.396-4.496 9.859-9.456 12.774-13.828c2.791-4.187 3.823-7.785 3.912-8.973L285 292.748c1.957 20.065-12.043 43.674-29 44.252c-18.338-.45-29-22.772-29-44.262M256 412c17.673 0 32 10.745 32 24s-14.327 24-32 24s-32-10.745-32-24s14.327-24 32-24"/></svg>Cómo usar el icono Zipper
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:zipper" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:zipper" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:zipper" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--zipper]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:zipper"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:zipper"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Icono Zipper" width="24" height="24">El icono Zipper en otras colecciones
Preguntas frecuentes sobre Icono Zipper
¿El icono Zipper es gratis para uso comercial?
Sí. Game Icons se publican bajo la licencia CC BY 3.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Zipper en React?
Instala @iconify/react y renderiza <Icon icon="game-icons:zipper" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Zipper a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Icono Zipper">, o pega el código SVG en línea para darle estilo con CSS.