n8n logo
n8n-wordmark from Devicon by konpa · Wordmark · MIT Free for personal and commercial use.
- Name
- n8n-wordmark
- Set
- Devicon
- Style
- Wordmark
- 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"><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>
React
import type { SVGProps } from "react";
export function DeviconN8nWordmark(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><g fill="none"><path fill="#ea4b71" fillRule="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" clipRule="evenodd"/><path fill="#040506" fillRule="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" clipRule="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-n8n-wordmark {
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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ea4b71%22%20fill-rule%3D%22evenodd%22%20d%3D%22M60.62%2060.434a7.135%207.135%200%200%201-6.907-5.349H45.54a3.566%203.566%200%200%200-3.517%202.98l-.293%201.759A7.1%207.1%200%200%201%2039.41%2064a7.1%207.1%200%200%201%202.318%204.176l.293%201.759a3.566%203.566%200%200%200%203.517%202.98h1.043a7.132%207.132%200%201%201%200%203.566h-1.043a7.13%207.13%200%200%201-7.035-5.96l-.293-1.758a3.566%203.566%200%200%200-3.517-2.98h-2.825a7.135%207.135%200%200%201-13.815%200H14.04a7.132%207.132%200%201%201%200-3.566h4.015a7.135%207.135%200%200%201%2013.815%200h2.825c1.743%200%203.23-1.26%203.517-2.98l.293-1.758a7.13%207.13%200%200%201%207.035-5.96h8.174a7.132%207.132%200%201%201%206.907%208.915m0-3.566a3.566%203.566%200%201%200%200-7.132a3.566%203.566%200%200%200%200%207.132M7.133%2067.566a3.566%203.566%200%201%200%200-7.132a3.566%203.566%200%200%200%200%207.132M28.527%2064a3.566%203.566%200%201%201-7.131%200a3.566%203.566%200%200%201%207.131%200m28.528%2010.698a3.566%203.566%200%201%201-7.132%200a3.566%203.566%200%200%201%207.132%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23040506%22%20fill-rule%3D%22evenodd%22%20d%3D%22M106.983%2061.59v-.17c1.244-.624%202.488-1.7%202.488-3.824c0-3.059-2.517-4.9-5.995-4.9c-3.563%200-6.108%201.954-6.108%204.957c0%202.039%201.188%203.143%202.489%203.766v.17a4.81%204.81%200%200%200-3.167%204.589c0%203.087%202.545%205.24%206.758%205.24s6.673-2.153%206.673-5.24c0-2.55-1.696-4.05-3.138-4.589m-3.535-6.288c1.414%200%202.46.906%202.46%202.435c0%201.53-1.075%202.436-2.46%202.436s-2.545-.906-2.545-2.436c0-1.557%201.103-2.435%202.545-2.435m0%2013.396c-1.64%200-2.97-1.048-2.97-2.832c0-1.614%201.103-2.832%202.941-2.832c1.81%200%202.913%201.19%202.913%202.889c0%201.727-1.272%202.775-2.884%202.775%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23040506%22%20d%3D%22M114.484%2071.134h3.619v-7.675c0-2.521%201.527-3.626%203.252-3.626c1.696%200%203.026%201.133%203.026%203.456v7.845H128v-8.582c0-3.71-2.15-5.862-5.514-5.862c-2.12%200-3.309.85-4.157%201.954h-.226l-.311-1.671h-3.308zm-32.04%200h-3.62V56.973h3.309l.31%201.67h.227c.848-1.104%202.036-1.953%204.157-1.953c3.365%200%205.514%202.152%205.514%205.862v8.582h-3.62v-7.845c0-2.323-1.329-3.456-3.025-3.456c-1.725%200-3.252%201.105-3.252%203.626z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ea4b71%22%20fill-rule%3D%22evenodd%22%20d%3D%22M60.62%2060.434a7.135%207.135%200%200%201-6.907-5.349H45.54a3.566%203.566%200%200%200-3.517%202.98l-.293%201.759A7.1%207.1%200%200%201%2039.41%2064a7.1%207.1%200%200%201%202.318%204.176l.293%201.759a3.566%203.566%200%200%200%203.517%202.98h1.043a7.132%207.132%200%201%201%200%203.566h-1.043a7.13%207.13%200%200%201-7.035-5.96l-.293-1.758a3.566%203.566%200%200%200-3.517-2.98h-2.825a7.135%207.135%200%200%201-13.815%200H14.04a7.132%207.132%200%201%201%200-3.566h4.015a7.135%207.135%200%200%201%2013.815%200h2.825c1.743%200%203.23-1.26%203.517-2.98l.293-1.758a7.13%207.13%200%200%201%207.035-5.96h8.174a7.132%207.132%200%201%201%206.907%208.915m0-3.566a3.566%203.566%200%201%200%200-7.132a3.566%203.566%200%200%200%200%207.132M7.133%2067.566a3.566%203.566%200%201%200%200-7.132a3.566%203.566%200%200%200%200%207.132M28.527%2064a3.566%203.566%200%201%201-7.131%200a3.566%203.566%200%200%201%207.131%200m28.528%2010.698a3.566%203.566%200%201%201-7.132%200a3.566%203.566%200%200%201%207.132%200%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23040506%22%20fill-rule%3D%22evenodd%22%20d%3D%22M106.983%2061.59v-.17c1.244-.624%202.488-1.7%202.488-3.824c0-3.059-2.517-4.9-5.995-4.9c-3.563%200-6.108%201.954-6.108%204.957c0%202.039%201.188%203.143%202.489%203.766v.17a4.81%204.81%200%200%200-3.167%204.589c0%203.087%202.545%205.24%206.758%205.24s6.673-2.153%206.673-5.24c0-2.55-1.696-4.05-3.138-4.589m-3.535-6.288c1.414%200%202.46.906%202.46%202.435c0%201.53-1.075%202.436-2.46%202.436s-2.545-.906-2.545-2.436c0-1.557%201.103-2.435%202.545-2.435m0%2013.396c-1.64%200-2.97-1.048-2.97-2.832c0-1.614%201.103-2.832%202.941-2.832c1.81%200%202.913%201.19%202.913%202.889c0%201.727-1.272%202.775-2.884%202.775%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23040506%22%20d%3D%22M114.484%2071.134h3.619v-7.675c0-2.521%201.527-3.626%203.252-3.626c1.696%200%203.026%201.133%203.026%203.456v7.845H128v-8.582c0-3.71-2.15-5.862-5.514-5.862c-2.12%200-3.309.85-4.157%201.954h-.226l-.311-1.671h-3.308zm-32.04%200h-3.62V56.973h3.309l.31%201.67h.227c.848-1.104%202.036-1.953%204.157-1.953c3.365%200%205.514%202.152%205.514%205.862v8.582h-3.62v-7.845c0-2.323-1.329-3.456-3.025-3.456c-1.725%200-3.252%201.105-3.252%203.626z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/n8n-wordmark.svg?color=%231a73e8&size=48
