Иконка Zig Light

skill-icons:zig-light

Иконка Zig Light (skill-icons:zig-light) — бесплатная SVG-иконка из набора Skill Icons от tandpfun. Она нарисована на сетке 256 × 256. Skill Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Skill Icons
Автор: tandpfun
Лицензия: MIT
Размер: 256 × 256
Теги: ziglight

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#f4f2ed" rx="60"/><path fill="#f7a41d" d="M92.118 71.882L70.94 97.765l-10.588-16.47z"/><path fill="#f7a41d" d="m92.118 71.883l-15.294 12.94l-5.883 12.942h-7.059v60h10.589l-12.942 5.882l-9.411 20H38V71.883z"/><path fill="#f7a41d" d="m74.47 157.765l-22.352 25.882l-9.412-12.941zm29.412-85.883l7.059 16.47l-29.412 9.413z"/><path fill="#f7a41d" d="M103.882 71.882h64.706v25.883H81.529l22.353-14.118zm70.589 85.883l-22.353 25.882l-8.236-15.294z"/><path fill="#f7a41d" d="m174.47 157.765l-18.823 10.588l-3.53 15.294H87.412v-25.882z"/><path fill="#f7a41d" d="M214.47 46L99.176 183.647L41.53 210.706L156.823 71.882zm-10.587 25.882l-1.177 21.177l-21.176 5.882z"/><path fill="#f7a41d" d="M218 71.883v111.764h-55.294l16.471-14.117l5.882-11.765h7.059V98.941H181.53l11.764-10.588l10.589-16.47z"/><path fill="#f7a41d" d="m185.059 157.765l5.882 17.647l-28.235 8.235z"/></g></svg>

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

React

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

<Icon icon="skill-icons:zig-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:zig-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:zig-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--zig-light]"></span>

UnoCSS

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

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

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

<iconify-icon icon="skill-icons:zig-light"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/skill-icons/zig-light.svg" alt="Иконка Zig Light" width="24" height="24">

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

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

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

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

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

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

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

Все Skill Icons →