n8n logo

n8n from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.

Name
n8n
Set
LobeHub AI Icons
Style
Mono
Viewbox
24×24
License
MIT

2 other variants in LobeHub AI Icons

n8n-colorn8n-text

The same logo in other sets

n8nDeviconn8nSVG Logosn8nSimple Icons

Use the n8n logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M24 8.4c0 1.325-1.102 2.4-2.462 2.4-1.146 0-2.11-.765-2.384-1.8h-3.436c-.602 0-1.115.424-1.214 1.003l-.101.592a2.38 2.38 0 01-.8 1.405c.412.354.704.844.8 1.405l.1.592A1.222 1.222 0 0015.719 15h.975c.273-1.035 1.237-1.8 2.384-1.8 1.36 0 2.461 1.075 2.461 2.4S20.436 18 19.078 18c-1.147 0-2.11-.765-2.384-1.8h-.975c-1.204 0-2.23-.848-2.428-2.005l-.101-.592a1.222 1.222 0 00-1.214-1.003H10.97c-.308.984-1.246 1.7-2.356 1.7-1.11 0-2.048-.716-2.355-1.7H4.817c-.308.984-1.246 1.7-2.355 1.7C1.102 14.3 0 13.225 0 11.9s1.102-2.4 2.462-2.4c1.183 0 2.172.815 2.408 1.9h1.337c.236-1.085 1.225-1.9 2.408-1.9 1.184 0 2.172.815 2.408 1.9h.952c.601 0 1.115-.424 1.213-1.003l.102-.592c.198-1.157 1.225-2.005 2.428-2.005h3.436c.274-1.035 1.238-1.8 2.384-1.8C22.898 6 24 7.075 24 8.4zm-1.23 0c0 .663-.552 1.2-1.232 1.2-.68 0-1.23-.537-1.23-1.2 0-.663.55-1.2 1.23-1.2.68 0 1.231.537 1.231 1.2zM2.461 13.1c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm6.153 0c.68 0 1.231-.537 1.231-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm10.462 3.7c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.23.537-1.23 1.2 0 .663.55 1.2 1.23 1.2z" clip-rule="evenodd"/></svg>

React

import type { SVGProps } from "react";

export function LobehubN8n(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M24 8.4c0 1.325-1.102 2.4-2.462 2.4-1.146 0-2.11-.765-2.384-1.8h-3.436c-.602 0-1.115.424-1.214 1.003l-.101.592a2.38 2.38 0 01-.8 1.405c.412.354.704.844.8 1.405l.1.592A1.222 1.222 0 0015.719 15h.975c.273-1.035 1.237-1.8 2.384-1.8 1.36 0 2.461 1.075 2.461 2.4S20.436 18 19.078 18c-1.147 0-2.11-.765-2.384-1.8h-.975c-1.204 0-2.23-.848-2.428-2.005l-.101-.592a1.222 1.222 0 00-1.214-1.003H10.97c-.308.984-1.246 1.7-2.356 1.7-1.11 0-2.048-.716-2.355-1.7H4.817c-.308.984-1.246 1.7-2.355 1.7C1.102 14.3 0 13.225 0 11.9s1.102-2.4 2.462-2.4c1.183 0 2.172.815 2.408 1.9h1.337c.236-1.085 1.225-1.9 2.408-1.9 1.184 0 2.172.815 2.408 1.9h.952c.601 0 1.115-.424 1.213-1.003l.102-.592c.198-1.157 1.225-2.005 2.428-2.005h3.436c.274-1.035 1.238-1.8 2.384-1.8C22.898 6 24 7.075 24 8.4zm-1.23 0c0 .663-.552 1.2-1.232 1.2-.68 0-1.23-.537-1.23-1.2 0-.663.55-1.2 1.23-1.2.68 0 1.231.537 1.231 1.2zM2.461 13.1c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm6.153 0c.68 0 1.231-.537 1.231-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm10.462 3.7c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.23.537-1.23 1.2 0 .663.55 1.2 1.23 1.2z" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M24 8.4c0 1.325-1.102 2.4-2.462 2.4-1.146 0-2.11-.765-2.384-1.8h-3.436c-.602 0-1.115.424-1.214 1.003l-.101.592a2.38 2.38 0 01-.8 1.405c.412.354.704.844.8 1.405l.1.592A1.222 1.222 0 0015.719 15h.975c.273-1.035 1.237-1.8 2.384-1.8 1.36 0 2.461 1.075 2.461 2.4S20.436 18 19.078 18c-1.147 0-2.11-.765-2.384-1.8h-.975c-1.204 0-2.23-.848-2.428-2.005l-.101-.592a1.222 1.222 0 00-1.214-1.003H10.97c-.308.984-1.246 1.7-2.356 1.7-1.11 0-2.048-.716-2.355-1.7H4.817c-.308.984-1.246 1.7-2.355 1.7C1.102 14.3 0 13.225 0 11.9s1.102-2.4 2.462-2.4c1.183 0 2.172.815 2.408 1.9h1.337c.236-1.085 1.225-1.9 2.408-1.9 1.184 0 2.172.815 2.408 1.9h.952c.601 0 1.115-.424 1.213-1.003l.102-.592c.198-1.157 1.225-2.005 2.428-2.005h3.436c.274-1.035 1.238-1.8 2.384-1.8C22.898 6 24 7.075 24 8.4zm-1.23 0c0 .663-.552 1.2-1.232 1.2-.68 0-1.23-.537-1.23-1.2 0-.663.55-1.2 1.23-1.2.68 0 1.231.537 1.231 1.2zM2.461 13.1c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm6.153 0c.68 0 1.231-.537 1.231-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.231.537-1.231 1.2 0 .663.55 1.2 1.23 1.2zm10.462 3.7c.68 0 1.23-.537 1.23-1.2 0-.663-.55-1.2-1.23-1.2-.68 0-1.23.537-1.23 1.2 0 .663.55 1.2 1.23 1.2z" clip-rule="evenodd"/></svg>
</template>

CSS

.icon-n8n {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24%208.4c0%201.325-1.102%202.4-2.462%202.4-1.146%200-2.11-.765-2.384-1.8h-3.436c-.602%200-1.115.424-1.214%201.003l-.101.592a2.38%202.38%200%2001-.8%201.405c.412.354.704.844.8%201.405l.1.592A1.222%201.222%200%200015.719%2015h.975c.273-1.035%201.237-1.8%202.384-1.8%201.36%200%202.461%201.075%202.461%202.4S20.436%2018%2019.078%2018c-1.147%200-2.11-.765-2.384-1.8h-.975c-1.204%200-2.23-.848-2.428-2.005l-.101-.592a1.222%201.222%200%2000-1.214-1.003H10.97c-.308.984-1.246%201.7-2.356%201.7-1.11%200-2.048-.716-2.355-1.7H4.817c-.308.984-1.246%201.7-2.355%201.7C1.102%2014.3%200%2013.225%200%2011.9s1.102-2.4%202.462-2.4c1.183%200%202.172.815%202.408%201.9h1.337c.236-1.085%201.225-1.9%202.408-1.9%201.184%200%202.172.815%202.408%201.9h.952c.601%200%201.115-.424%201.213-1.003l.102-.592c.198-1.157%201.225-2.005%202.428-2.005h3.436c.274-1.035%201.238-1.8%202.384-1.8C22.898%206%2024%207.075%2024%208.4zm-1.23%200c0%20.663-.552%201.2-1.232%201.2-.68%200-1.23-.537-1.23-1.2%200-.663.55-1.2%201.23-1.2.68%200%201.231.537%201.231%201.2zM2.461%2013.1c.68%200%201.23-.537%201.23-1.2%200-.663-.55-1.2-1.23-1.2-.68%200-1.231.537-1.231%201.2%200%20.663.55%201.2%201.23%201.2zm6.153%200c.68%200%201.231-.537%201.231-1.2%200-.663-.55-1.2-1.23-1.2-.68%200-1.231.537-1.231%201.2%200%20.663.55%201.2%201.23%201.2zm10.462%203.7c.68%200%201.23-.537%201.23-1.2%200-.663-.55-1.2-1.23-1.2-.68%200-1.23.537-1.23%201.2%200%20.663.55%201.2%201.23%201.2z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M24%208.4c0%201.325-1.102%202.4-2.462%202.4-1.146%200-2.11-.765-2.384-1.8h-3.436c-.602%200-1.115.424-1.214%201.003l-.101.592a2.38%202.38%200%2001-.8%201.405c.412.354.704.844.8%201.405l.1.592A1.222%201.222%200%200015.719%2015h.975c.273-1.035%201.237-1.8%202.384-1.8%201.36%200%202.461%201.075%202.461%202.4S20.436%2018%2019.078%2018c-1.147%200-2.11-.765-2.384-1.8h-.975c-1.204%200-2.23-.848-2.428-2.005l-.101-.592a1.222%201.222%200%2000-1.214-1.003H10.97c-.308.984-1.246%201.7-2.356%201.7-1.11%200-2.048-.716-2.355-1.7H4.817c-.308.984-1.246%201.7-2.355%201.7C1.102%2014.3%200%2013.225%200%2011.9s1.102-2.4%202.462-2.4c1.183%200%202.172.815%202.408%201.9h1.337c.236-1.085%201.225-1.9%202.408-1.9%201.184%200%202.172.815%202.408%201.9h.952c.601%200%201.115-.424%201.213-1.003l.102-.592c.198-1.157%201.225-2.005%202.428-2.005h3.436c.274-1.035%201.238-1.8%202.384-1.8C22.898%206%2024%207.075%2024%208.4zm-1.23%200c0%20.663-.552%201.2-1.232%201.2-.68%200-1.23-.537-1.23-1.2%200-.663.55-1.2%201.23-1.2.68%200%201.231.537%201.231%201.2zM2.461%2013.1c.68%200%201.23-.537%201.23-1.2%200-.663-.55-1.2-1.23-1.2-.68%200-1.231.537-1.231%201.2%200%20.663.55%201.2%201.23%201.2zm6.153%200c.68%200%201.231-.537%201.231-1.2%200-.663-.55-1.2-1.23-1.2-.68%200-1.231.537-1.231%201.2%200%20.663.55%201.2%201.23%201.2zm10.462%203.7c.68%200%201.23-.537%201.23-1.2%200-.663-.55-1.2-1.23-1.2-.68%200-1.23.537-1.23%201.2%200%20.663.55%201.2%201.23%201.2z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/n8n.svg?color=%231a73e8&size=48