Ícone Zipper
game-icons:zipper
O ícone Zipper (game-icons:zipper) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Game Icons
- Autor
- GameIcons
- Licença
- CC-BY-3.0
- Tamanho
- 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Ícone Zipper" width="24" height="24">O ícone Zipper em outras coleções
Perguntas frequentes sobre Ícone Zipper
O ícone Zipper é grátis para uso comercial?
Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.
Como uso o ícone Zipper no React?
Instale @iconify/react e renderize <Icon icon="game-icons:zipper" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Zipper a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Ícone Zipper">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.