ICONYZ
Русский
Иконка Zeplin из набора SVG Logos

Иконка Zeplin

logos:zeplin

Иконка Zeplin (logos:zeplin) — бесплатная SVG-иконка из набора SVG Logos от Gil Barbara. Она нарисована на сетке 256 × 205. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
SVG Logos
Автор
Gil Barbara
Лицензия
CC0-1.0
Размер
256 × 205
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="205" viewBox="0 0 256 205"><path fill="#fdbd39" d="m39.458 141.089l-13.392 4.892l-.72 39.841l46.36-16.936c-15.9-5.34-27.512-14.738-32.248-27.797"/><path fill="#f69833" d="M46.467 98.95L0 115.925l26.066 30.056l13.392-4.892c-4.722-13.021-1.81-27.74 7.009-42.139"/><path fill="#fecf33" d="M124.662 41.462c-59.171 21.616-97.318 66.22-85.204 99.627L253.735 62.81c-12.114-33.407-69.902-42.965-129.073-21.35"/><path fill="#ee6723" d="M168.532 162.438c59.17-21.616 97.39-66.023 85.203-99.627L39.458 141.089c12.186 33.604 69.903 42.964 129.074 21.349"/><path fill="#f69833" d="M253.735 62.81L39.458 141.09c4.196 11.57 20.196 17.27 42.647 17.27c21.887 0 49.905-5.413 79.115-16.084c59.171-21.616 100.802-56.614 92.515-79.464"/><path fill="#fdbd39" d="M211.089 45.54c-21.888 0-49.906 5.414-79.116 16.084c-59.17 21.616-100.801 56.614-92.515 79.465L253.735 62.81c-4.195-11.57-20.195-17.27-42.645-17.27"/><path fill="#ee6723" d="M199.255 187.932h-.002c-6.304 0-15.605-5.695-27.644-16.926c-14.244-13.287-30.56-32.748-45.942-54.799c-15.383-22.05-28.023-44.094-35.592-62.072c-8.247-19.593-9.423-31.64-3.495-35.806c1.3-.913 2.867-1.375 4.656-1.375c4.822 0 14.217 3.59 31.59 20.693l.38.374l-.052.531a227 227 0 0 0-.326 3.685l-.193 2.416l-1.705-1.717c-18.718-18.858-26.958-20.894-29.632-20.894c-.763 0-1.37.155-1.805.461c-2.572 1.807-2.737 10.655 5.258 29.648c7.434 17.658 19.89 39.37 35.074 61.133c15.185 21.766 31.25 40.94 45.24 53.99c15.084 14.071 21.882 15.59 24.104 15.59c.767 0 1.391-.164 1.853-.49c2.713-1.905 2.716-11.384-6.2-31.827l-.41-.938l.897-.49c.896-.491 1.763-.974 2.575-1.436l1.074-.61l.494 1.133c6.322 14.485 12.232 32.895 4.483 38.343c-1.306.917-2.88 1.383-4.68 1.383m-.002-2.235h.002l-.001 1.117z"/><path fill="#ee6723" d="m169.968 161.827l-.09 1.113c-1.496 18.51-5.435 40.764-15.705 41.664q-.31.028-.635.028c-6.976 0-13.577-9.996-19.617-29.71c-5.716-18.651-10.15-43.693-12.488-70.513c-2.338-26.815-2.303-52.25.098-71.618C124.15 11.685 129.132.662 136.341.03c.214-.02.435-.03.653-.03c5.061 0 12.689 5.73 20.497 32.424l-5.098.984c-2.607-8.92-5.449-16.175-8.27-21.16c-2.609-4.611-5.146-7.15-7.143-7.15q-.1 0-.197.007c-3.125.275-7.676 7.855-10.214 28.315c-2.358 19.022-2.387 44.075-.08 70.545c2.309 26.474 6.671 51.142 12.284 69.46c2.513 8.203 5.27 14.964 7.973 19.552c2.492 4.23 4.904 6.56 6.79 6.56q.098 0 .195-.008c2.99-.262 8.625-8.15 10.996-35.904z"/></svg>

Как использовать иконку Zeplin

React

import { Icon } from "@iconify/react";

<Icon icon="logos:zeplin" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:zeplin" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:zeplin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--zeplin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:zeplin"></div>

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

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:zeplin"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/logos/zeplin.svg" alt="Иконка Zeplin" width="24" height="24">

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

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

Да. SVG Logos icons выпущены под лицензией CC0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Иконки SVG Logos →