Zig Light アイコン
skill-icons:zig-light
Zig Light アイコン(skill-icons:zig-light)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- ziglight
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>Web コンポーネント
<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">Skill Icons の関連アイコン
Zig Light アイコン のよくある質問
Zig Light アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zig Light アイコンを使うには?
@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。