Zipper icon

game-icons:zipper

The Zipper icon (game-icons:zipper) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512

Download SVG

SVG code

<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>

How to use the Zipper icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Zipper icon" width="24" height="24">

Zipper icon in other icon sets

Zipper icon FAQ

Is the Zipper icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Zipper icon in React?

Install @iconify/react and render <Icon icon="game-icons:zipper" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Zipper icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Zipper icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →