Иконка Zig Wordmark

devicon:zig-wordmark

Иконка Zig Wordmark (devicon:zig-wordmark) — бесплатная SVG-иконка из набора Devicon от konpa. Она нарисована на сетке 128 × 128. Devicon icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Devicon
Автор: konpa
Лицензия: MIT
Размер: 128 × 128
Теги: zigwordmark

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#f7a41d"><path d="m14.865 48.489l-5.817 7.11l-2.908-4.525z"/><path d="m14.865 48.489l-4.201 3.554l-1.616 3.555H7.11v16.48h2.909l-3.555 1.617l-2.585 5.493H0v-30.7z"/><path d="m10.018 72.079l-6.14 7.11l-2.585-3.556zm8.078-23.59l1.94 4.524l-8.08 2.585z"/><path d="M18.096 48.489H35.87v7.11H11.957l6.14-3.879zm19.389 23.59l-6.14 7.11l-2.261-4.202z"/><path d="m37.485 72.079l-5.17 2.908l-.97 4.201H13.573v-7.11z"/><path d="m48.473 41.38l-31.67 37.808L.97 86.621l31.67-38.132zm-2.909 7.109l-.323 5.817l-5.817 1.615z"/><path d="M49.442 48.489v30.7H34.254l4.524-3.879l1.616-3.231h1.939V55.92h-2.909l3.232-2.908l2.908-4.524z"/><path d="m40.394 72.079l1.616 4.847l-7.756 2.262z"/></g><g fill="#fff"><path d="M84.02 48.489v4.847l-10.018.97H57.198v-5.817z"/><path d="M84.02 53.336L66.891 73.371v1.293H56.875l17.127-20.358v-.97z"/><path d="M84.342 73.371v5.817H56.875v-4.524l9.694-1.293zm3.555-24.882h7.11v30.7h-7.11zm39.424 14.541v12.603h-5.816v-8.078L116.335 64l-4.525-.97z"/><path d="m116.334 63.354l5.17 4.2l-9.694-4.523z"/><path d="M127.321 75.633c-3.296 2.36-7.755 3.878-12.182 3.878c-9.372 0-16.513-6.721-16.513-15.608c0-8.822 7.27-15.543 16.803-15.543c4.621 0 9.436 1.777 12.571 4.524l-4.201 4.847c-2.294-2.036-5.429-3.232-8.37-3.232c-5.493 0-9.759 4.17-9.759 9.533c0 5.43 4.298 9.566 9.792 9.566c1.842 0 4.136-.744 6.14-1.778z"/></g></svg>

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

React

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

<Icon icon="devicon:zig-wordmark" width="24" />

Vue

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

<template>
  <Icon icon="devicon:zig-wordmark" width="24" />
</template>

Svelte

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

<Icon icon="devicon:zig-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--zig-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:zig-wordmark"></div>

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

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

<iconify-icon icon="devicon:zig-wordmark"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/devicon/zig-wordmark.svg" alt="Иконка Zig Wordmark" width="24" height="24">

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

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

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

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

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

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

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

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

Все Иконки Devicon →