n8n logo

n8n from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: n8n
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

Use the n8n logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function DeviconN8n(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#ea4b71" fillRule="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" clipRule="evenodd"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ea4b71%22%20fill-rule%3D%22evenodd%22%20d%3D%22M110.8%2057.76c-5.815%200-10.702-3.977-12.087-9.36H84.41a6.24%206.24%200%200%200-6.155%205.214l-.513%203.078A12.45%2012.45%200%200%201%2073.686%2064a12.45%2012.45%200%200%201%204.055%207.308l.513%203.078A6.24%206.24%200%200%200%2084.41%2079.6h1.824c1.385-5.383%206.272-9.36%2012.087-9.36c6.893%200%2012.48%205.587%2012.48%2012.48S105.213%2095.2%2098.32%2095.2c-5.815%200-10.702-3.977-12.087-9.36H84.41A12.48%2012.48%200%200%201%2072.1%2075.412l-.513-3.078a6.24%206.24%200%200%200-6.155-5.214h-4.944c-1.385%205.383-6.272%209.36-12.087%209.36s-10.702-3.977-12.087-9.36h-7.026c-1.385%205.383-6.272%209.36-12.087%209.36c-6.893%200-12.48-5.587-12.48-12.48s5.587-12.48%2012.48-12.48c5.815%200%2010.702%203.977%2012.087%209.36h7.026c1.385-5.383%206.272-9.36%2012.087-9.36s10.702%203.977%2012.087%209.36h4.944a6.24%206.24%200%200%200%206.155-5.214l.513-3.078A12.48%2012.48%200%200%201%2084.41%2042.16h14.304c1.385-5.383%206.272-9.36%2012.087-9.36c6.893%200%2012.48%205.587%2012.48%2012.48s-5.587%2012.48-12.48%2012.48m0-6.24a6.24%206.24%200%201%200%200-12.48a6.24%206.24%200%200%200%200%2012.48M17.2%2070.24a6.24%206.24%200%201%200%200-12.48a6.24%206.24%200%200%200%200%2012.48M54.64%2064a6.24%206.24%200%201%201-12.48%200a6.24%206.24%200%200%201%2012.48%200m49.92%2018.72a6.24%206.24%200%201%201-12.48%200a6.24%206.24%200%200%201%2012.48%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23ea4b71%22%20fill-rule%3D%22evenodd%22%20d%3D%22M110.8%2057.76c-5.815%200-10.702-3.977-12.087-9.36H84.41a6.24%206.24%200%200%200-6.155%205.214l-.513%203.078A12.45%2012.45%200%200%201%2073.686%2064a12.45%2012.45%200%200%201%204.055%207.308l.513%203.078A6.24%206.24%200%200%200%2084.41%2079.6h1.824c1.385-5.383%206.272-9.36%2012.087-9.36c6.893%200%2012.48%205.587%2012.48%2012.48S105.213%2095.2%2098.32%2095.2c-5.815%200-10.702-3.977-12.087-9.36H84.41A12.48%2012.48%200%200%201%2072.1%2075.412l-.513-3.078a6.24%206.24%200%200%200-6.155-5.214h-4.944c-1.385%205.383-6.272%209.36-12.087%209.36s-10.702-3.977-12.087-9.36h-7.026c-1.385%205.383-6.272%209.36-12.087%209.36c-6.893%200-12.48-5.587-12.48-12.48s5.587-12.48%2012.48-12.48c5.815%200%2010.702%203.977%2012.087%209.36h7.026c1.385-5.383%206.272-9.36%2012.087-9.36s10.702%203.977%2012.087%209.36h4.944a6.24%206.24%200%200%200%206.155-5.214l.513-3.078A12.48%2012.48%200%200%201%2084.41%2042.16h14.304c1.385-5.383%206.272-9.36%2012.087-9.36c6.893%200%2012.48%205.587%2012.48%2012.48s-5.587%2012.48-12.48%2012.48m0-6.24a6.24%206.24%200%201%200%200-12.48a6.24%206.24%200%200%200%200%2012.48M17.2%2070.24a6.24%206.24%200%201%200%200-12.48a6.24%206.24%200%200%200%200%2012.48M54.64%2064a6.24%206.24%200%201%201-12.48%200a6.24%206.24%200%200%201%2012.48%200m49.92%2018.72a6.24%206.24%200%201%201-12.48%200a6.24%206.24%200%200%201%2012.48%200%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/devicon/n8n.svg?color=%231a73e8&size=48