Pixelknot アイコン

Q: Pixelknot アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:pixelknot

Pixelknot アイコン(arcticons:pixelknot)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M10.631 11.21c23.092-22.833 42.215 10.92 26.753 25.458c-10.52 10.25-29.778 2.086-22.87-17.692"/><path d="M37.369 36.79C14.278 59.624-4.846 25.87 10.616 11.333c10.52-10.25 29.778-2.086 22.87 17.692"/><path d="M14.515 18.976c5.407-11.19 24.443-1.437 18.97 10.048s-24.378 1.143-18.97-10.048"/></g><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.175 41.079v-.504c0-.732.593-1.325 1.325-1.325h0c.732 0 1.325.593 1.325 1.325v.378M36 15.124a1.325 1.325 0 0 1-1.325-1.325v-1.35c0-.732.593-1.325 1.325-1.325h0c.732 0 1.325.593 1.325 1.325v1.35c0 .732-.593 1.325-1.325 1.325m-1.925-9.199c0 .731-.593 1.325-1.325 1.325h0s0 0 0 0a1.325 1.325 0 0 1-1.325-1.325v-1.35l.003-.093M39.625 28.5a1.325 1.325 0 0 1-1.325-1.325v-1.35c0-.732.593-1.325 1.325-1.325h0c.732 0 1.325.593 1.325 1.325v1.35c0 .731-.593 1.325-1.325 1.325m-17 7.42l1-.545v4M36.25 20.044l1-.544v4m-2.125 5.17l1-.545v4m-3.5 2.42l1-.545v4m5-21.706l1-.544v4M29.5 34.5v-1.301M27.375 8.258V5.75l-1 .545m-6 26.463V33.8c0 .732-.594 1.325-1.325 1.325h0a1.325 1.325 0 0 1-1.325-1.325v-1.35c0-.394.172-.748.445-.99M16.75 8.187v3h-3V8.945M9.875 33.188h3v3h-3zm14.5 7.781v2.156h-3v-3m5.25-28.5h2v2h-2zM19 14.656V13h2v1.13m-10-1.38h2v2h-2zm-.75 4.624h2v2h-2zm20.5-.053v-1.07h2v2h-1.048M14.625 38.875h2v2h-2zM7.062 23.531h4.5v4.5h-4.5zM25.25 7.45v2.3h-4.5V7.125M6.2 18h1.674v3H5.371"/></svg>

Pixelknot アイコンの使い方

React

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

<Icon icon="arcticons:pixelknot" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:pixelknot" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:pixelknot" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="arcticons:pixelknot"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/pixelknot.svg" alt="Pixelknot アイコン" width="24" height="24">

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

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

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Arcticons をすべて見る →