Иконка Zipper

game-icons:zipper

Иконка Zipper (game-icons:zipper) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512

Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<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

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

Иконка Zipper в других наборах

Вопросы и ответы: Иконка Zipper

Можно ли бесплатно использовать иконку Zipper в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Zipper в React?

Установите @iconify/react и выведите <Icon icon="game-icons:zipper" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Zipper на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/zipper.svg" alt="Иконка Zipper">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →