N8n アイコン

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

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

devicon:n8n

N8n アイコン(devicon:n8n)は、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"><path fill="#ea4b71" fill-rule="evenodd" d="M110.8 57.76c-5.815 0-10.702-3.977-12.087-9.36H84.41a6.24 6.24 0 0 0-6.155 5.214l-.513 3.078A12.45 12.45 0 0 1 73.686 64a12.45 12.45 0 0 1 4.055 7.308l.513 3.078A6.24 6.24 0 0 0 84.41 79.6h1.824c1.385-5.383 6.272-9.36 12.087-9.36c6.893 0 12.48 5.587 12.48 12.48S105.213 95.2 98.32 95.2c-5.815 0-10.702-3.977-12.087-9.36H84.41A12.48 12.48 0 0 1 72.1 75.412l-.513-3.078a6.24 6.24 0 0 0-6.155-5.214h-4.944c-1.385 5.383-6.272 9.36-12.087 9.36s-10.702-3.977-12.087-9.36h-7.026c-1.385 5.383-6.272 9.36-12.087 9.36c-6.893 0-12.48-5.587-12.48-12.48s5.587-12.48 12.48-12.48c5.815 0 10.702 3.977 12.087 9.36h7.026c1.385-5.383 6.272-9.36 12.087-9.36s10.702 3.977 12.087 9.36h4.944a6.24 6.24 0 0 0 6.155-5.214l.513-3.078A12.48 12.48 0 0 1 84.41 42.16h14.304c1.385-5.383 6.272-9.36 12.087-9.36c6.893 0 12.48 5.587 12.48 12.48s-5.587 12.48-12.48 12.48m0-6.24a6.24 6.24 0 1 0 0-12.48a6.24 6.24 0 0 0 0 12.48M17.2 70.24a6.24 6.24 0 1 0 0-12.48a6.24 6.24 0 0 0 0 12.48M54.64 64a6.24 6.24 0 1 1-12.48 0a6.24 6.24 0 0 1 12.48 0m49.92 18.72a6.24 6.24 0 1 1-12.48 0a6.24 6.24 0 0 1 12.48 0" clip-rule="evenodd"/></svg>

N8n アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Devicon の関連アイコン

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

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

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

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

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

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

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

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

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