N8n Wordmark アイコン
devicon:n8n-wordmark
N8n Wordmark アイコン(devicon:n8n-wordmark)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><g fill="none"><path fill="#ea4b71" fill-rule="evenodd" d="M60.62 60.434a7.135 7.135 0 0 1-6.907-5.349H45.54a3.566 3.566 0 0 0-3.517 2.98l-.293 1.759A7.1 7.1 0 0 1 39.41 64a7.1 7.1 0 0 1 2.318 4.176l.293 1.759a3.566 3.566 0 0 0 3.517 2.98h1.043a7.132 7.132 0 1 1 0 3.566h-1.043a7.13 7.13 0 0 1-7.035-5.96l-.293-1.758a3.566 3.566 0 0 0-3.517-2.98h-2.825a7.135 7.135 0 0 1-13.815 0H14.04a7.132 7.132 0 1 1 0-3.566h4.015a7.135 7.135 0 0 1 13.815 0h2.825c1.743 0 3.23-1.26 3.517-2.98l.293-1.758a7.13 7.13 0 0 1 7.035-5.96h8.174a7.132 7.132 0 1 1 6.907 8.915m0-3.566a3.566 3.566 0 1 0 0-7.132a3.566 3.566 0 0 0 0 7.132M7.133 67.566a3.566 3.566 0 1 0 0-7.132a3.566 3.566 0 0 0 0 7.132M28.527 64a3.566 3.566 0 1 1-7.131 0a3.566 3.566 0 0 1 7.131 0m28.528 10.698a3.566 3.566 0 1 1-7.132 0a3.566 3.566 0 0 1 7.132 0" clip-rule="evenodd"/><path fill="#040506" fill-rule="evenodd" d="M106.983 61.59v-.17c1.244-.624 2.488-1.7 2.488-3.824c0-3.059-2.517-4.9-5.995-4.9c-3.563 0-6.108 1.954-6.108 4.957c0 2.039 1.188 3.143 2.489 3.766v.17a4.81 4.81 0 0 0-3.167 4.589c0 3.087 2.545 5.24 6.758 5.24s6.673-2.153 6.673-5.24c0-2.55-1.696-4.05-3.138-4.589m-3.535-6.288c1.414 0 2.46.906 2.46 2.435c0 1.53-1.075 2.436-2.46 2.436s-2.545-.906-2.545-2.436c0-1.557 1.103-2.435 2.545-2.435m0 13.396c-1.64 0-2.97-1.048-2.97-2.832c0-1.614 1.103-2.832 2.941-2.832c1.81 0 2.913 1.19 2.913 2.889c0 1.727-1.272 2.775-2.884 2.775" clip-rule="evenodd"/><path fill="#040506" d="M114.484 71.134h3.619v-7.675c0-2.521 1.527-3.626 3.252-3.626c1.696 0 3.026 1.133 3.026 3.456v7.845H128v-8.582c0-3.71-2.15-5.862-5.514-5.862c-2.12 0-3.309.85-4.157 1.954h-.226l-.311-1.671h-3.308zm-32.04 0h-3.62V56.973h3.309l.31 1.67h.227c.848-1.104 2.036-1.953 4.157-1.953c3.365 0 5.514 2.152 5.514 5.862v8.582h-3.62v-7.845c0-2.323-1.329-3.456-3.025-3.456c-1.725 0-3.252 1.105-3.252 3.626z"/></g></svg>N8n Wordmark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:n8n-wordmark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:n8n-wordmark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:n8n-wordmark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--n8n-wordmark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:n8n-wordmark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:n8n-wordmark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon/n8n-wordmark.svg" alt="N8n Wordmark アイコン" width="24" height="24">Devicon の関連アイコン
他のアイコンセットの N8n Wordmark アイコン
N8n Wordmark アイコン のよくある質問
N8n Wordmark アイコンは商用利用でも無料ですか?
はい。Devicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で N8n Wordmark アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon:n8n-wordmark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
N8n Wordmark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon/n8n-wordmark.svg" alt="N8n Wordmark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。