ICONYZ
日本語
Devicon の Zig アイコン

Zig アイコン

devicon:zig

Zig アイコン(devicon:zig)は、Devicon セットの無料 SVG アイコンです(作者: konpa)。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Devicon
作者
konpa
ライセンス
MIT
サイズ
128 × 128
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="#f7a41d"><path d="m38.484 23.843l-15.06 18.405l-7.529-11.712z"/><path d="m38.484 23.843l-10.876 9.203l-4.183 9.202h-5.02v42.667h7.53l-9.203 4.183l-6.693 14.222H0V23.843z"/><path d="M25.935 84.915L10.039 103.32l-6.693-9.202zM46.85 23.843l5.02 11.713l-20.916 6.692z"/><path d="M46.85 23.843h46.013v18.405H30.954L46.85 32.21zm50.196 61.072L81.15 103.32l-5.856-10.875z"/><path d="m97.046 84.915l-13.386 7.53l-2.51 10.875H35.137V84.915z"/><path d="M125.49 5.438L43.503 103.32L2.51 122.562l81.987-98.719zm-7.53 18.405l-.836 15.06l-15.059 4.182z"/><path d="M128 23.843v79.477H88.68l11.712-10.039l4.183-8.366h5.02v-41.83h-7.53l8.366-7.53l7.53-11.712z"/><path d="m104.575 84.915l4.183 12.55l-20.078 5.855z"/></g></svg>

Zig アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/zig.svg" alt="Zig アイコン" width="24" height="24">

Devicon の関連アイコン

他のアイコンセットの Zig アイコン

Zig アイコン のよくある質問

Zig アイコンは商用利用でも無料ですか?

はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Zig アイコンを使うには?

@iconify/react をインストールして <Icon icon="devicon:zig" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Zig アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/zig.svg" alt="Zig アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Devicon アイコン をすべて見る →