Zkid アイコン
token:zkid
Zkid アイコン(token:zkid)は、Web3 Icons セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.278 5.233c-.011-.011-.028-.022-.028-.04V3.068c0-.045-.011-.067-.062-.067H4.21q-.084-.002-.084.073v2.138c0 .016 0 .028-.011.033c-.012.012-.017.006-.028.006H3.09c-.056 0-.09.034-.09.084v12.403c0 .8.169 1.446.714 2.07a3.5 3.5 0 0 0 2.627 1.182a.06.06 0 0 0 .028-.029l.006-.016V5.289l-.017-.022l-.022-.011h-.012l-.017-.012H5.33c-.017 0-.034 0-.045-.01zM4.204 7.5h.967c.045 0 .079.028.079.056v11.7c0 .028-.034.056-.079.056h-.967c-.045 0-.079-.028-.079-.056v-11.7c0-.028.034-.056.079-.056M8.18 5.25c-.023 0-.119.045-.119.067v15.599q0 .026.017.044l.012.012c.01.011.022.028.039.028h5.13a7.65 7.65 0 0 0 5.462-2.261A7.8 7.8 0 0 0 21 13.249v-.175a7.8 7.8 0 0 0-2.239-5.512a7.65 7.65 0 0 0-5.445-2.312H8.175zm1.57 2.362a.1.1 0 0 1 .028-.073a.1.1 0 0 1 .028-.017l.011-.01l.023-.012h3.78a5.5 5.5 0 0 1 4.016 1.71a6.1 6.1 0 0 1 1.676 4.162v.017c0 1.558-.585 3.06-1.648 4.168a5.6 5.6 0 0 1-4.005 1.755H9.88a.1.1 0 0 1-.067-.028l-.023-.017c-.017-.016-.039-.033-.039-.05zm1.688 2.177l.016-.022l.006-.006a.04.04 0 0 1 .028-.011h2.475a3.7 3.7 0 0 1 2.588 1.069a3.62 3.62 0 0 1 1.074 2.581v.034a3.61 3.61 0 0 1-2.267 3.358a3.8 3.8 0 0 1-1.406.276h-2.475c-.011 0-.023-.011-.028-.017l-.009-.013l-.002-.015z"/></svg>Zkid アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token:zkid" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token:zkid" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token:zkid" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token--zkid]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token -->
<div class="i-token:zkid"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token:zkid"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token/zkid.svg" alt="Zkid アイコン" width="24" height="24">他のアイコンセットの Zkid アイコン
Zkid アイコン のよくある質問
Zkid アイコンは商用利用でも無料ですか?
はい。Web3 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Zkid アイコンを使うには?
@iconify/react をインストールして <Icon icon="token:zkid" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zkid アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token/zkid.svg" alt="Zkid アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。