N8n アイコン
logos:n8n
N8n アイコン(logos:n8n)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 143 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 512 × 143
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="143" viewBox="0 0 512 143"><path fill="#ea4b71" d="M242.482 57.055c-13.293 0-24.461-9.092-27.629-21.396h-32.696a14.264 14.264 0 0 0-14.07 11.919l-1.172 7.035a28.47 28.47 0 0 1-9.27 16.705a28.47 28.47 0 0 1 9.27 16.706l1.172 7.034a14.264 14.264 0 0 0 14.07 11.92h4.17c3.166-12.305 14.335-21.396 27.628-21.396c15.755 0 28.527 12.772 28.527 28.527s-12.772 28.528-28.527 28.528c-13.293 0-24.462-9.092-27.629-21.396h-4.17c-13.945 0-25.846-10.082-28.139-23.837l-1.172-7.035a14.264 14.264 0 0 0-14.07-11.919h-11.3c-3.167 12.304-14.337 21.396-27.63 21.396s-24.46-9.092-27.627-21.396H56.156C52.989 90.754 41.82 99.846 28.527 99.846C12.772 99.846 0 87.073 0 71.318s12.772-28.527 28.527-28.527c13.293 0 24.462 9.091 27.629 21.395h16.061c3.167-12.304 14.336-21.395 27.629-21.395c13.292 0 24.462 9.091 27.628 21.395h11.302a14.264 14.264 0 0 0 14.069-11.918l1.172-7.035c2.293-13.756 14.194-23.838 28.14-23.838h32.696C218.02 9.091 229.19 0 242.483 0c15.754 0 28.526 12.772 28.526 28.527s-12.772 28.528-28.527 28.528m0-14.264c7.878 0 14.264-6.386 14.264-14.264s-6.386-14.263-14.264-14.263s-14.264 6.386-14.264 14.263c0 7.878 6.386 14.264 14.264 14.264M28.527 85.581c7.878 0 14.264-6.385 14.264-14.263c0-7.877-6.386-14.263-14.264-14.263S14.264 63.44 14.264 71.318s6.386 14.264 14.263 14.264m85.582-14.263c0 7.878-6.385 14.264-14.263 14.264s-14.264-6.386-14.264-14.264s6.386-14.263 14.264-14.263s14.263 6.386 14.263 14.263m114.11 42.791c0 7.878-6.386 14.264-14.264 14.264s-14.264-6.386-14.264-14.264s6.386-14.263 14.264-14.263s14.263 6.385 14.263 14.263"/><path fill="#040506" d="M427.93 61.675v-.68l.466-.238c4.816-2.527 9.487-6.824 9.487-15.055c0-12.235-10.066-19.6-23.979-19.6c-14.25 0-24.43 7.818-24.43 19.826c0 8.157 4.75 12.575 9.953 15.068v.68c-5.769 2.039-12.668 8.156-12.668 18.352c0 12.349 10.18 20.959 27.032 20.959c16.854 0 26.694-8.61 26.694-20.959c0-10.196-6.786-16.2-12.555-18.353m-14.139-25.15c5.656 0 9.841 3.626 9.841 9.743s-4.298 9.743-9.84 9.743c-5.543 0-10.18-3.625-10.18-9.743c0-6.23 4.411-9.743 10.18-9.743m0 53.587c-6.56 0-11.876-4.193-11.876-11.33c0-6.457 4.411-11.329 11.763-11.329c7.239 0 11.65 4.758 11.65 11.556c0 6.91-5.09 11.103-11.537 11.103m44.144 9.742h14.477V69.153c0-10.083 6.108-14.501 13.008-14.501c6.786 0 12.102 4.531 12.102 13.82v31.382H512V65.527c0-14.84-8.597-23.45-22.056-23.45c-8.483 0-13.234 3.398-16.627 7.816h-.905l-1.244-6.684h-13.233zm-128.16 0h-14.477V43.209h13.233l1.245 6.684h.904c3.393-4.418 8.144-7.816 16.627-7.816c13.46 0 22.056 8.61 22.056 23.45v34.327h-14.477V68.473c0-9.29-5.317-13.821-12.103-13.821c-6.9 0-13.007 4.418-13.007 14.5z"/></svg>N8n アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:n8n" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:n8n" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:n8n" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--n8n]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:n8n"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:n8n"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/n8n.svg" alt="N8n アイコン" width="24" height="24">SVG Logos の関連アイコン
他のアイコンセットの N8n アイコン
N8n アイコン のよくある質問
N8n アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で N8n アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:n8n" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
N8n アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/n8n.svg" alt="N8n アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。