ICONYZ
日本語
Devicon の Zig Wordmark アイコン

Zig Wordmark アイコン

devicon:zig-wordmark

Zig Wordmark アイコン(devicon:zig-wordmark)は、Devicon セットの無料 SVG アイコンです(作者: 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>

Web コンポーネント

<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">

Devicon の関連アイコン

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

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

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

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

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

@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 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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