Can I use the n8n icon for commercial projects?

Yes, you can use the n8n icon in your commercial projects. However, please be aware that the n8n logo is a registered trademark. You should follow their brand guidelines and not imply endorsement.

How to use the n8n icon in Figma?

The easiest way is to copy the n8n SVG code from our site and paste it directly into Figma. Alternatively, you can download the n8n SVG file and drag it onto your Figma canvas.

What formats of the n8n icon are available for download?

We provide the n8n icon in high-quality SVG (vector) format, which is perfect for web and print. You can also download it as a transparent n8n PNG image or copy the React component code.

n8n Icon

Productivity#EA4B71

High-quality n8n transparent PNG for web & print.

Optimized n8n SVG vector code for developers.

Ready-to-use n8n React icon component.

How to use the n8n Icon

Copy the n8n icon as inline SVG, React code, HTML embed, or CSS mask.

Inline SVG

Paste the n8n SVG directly into HTML or JSX.

React Component

Use n8n as a typed React icon component.

import React from 'react';

export const n8nIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
  
);

HTML Embed

Use a hosted n8n icon URL with attribution.

CSS Mask

Use n8n as a colorable CSS mask icon.

.n8n-icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background-color: #ea4b71;
  mask: url("https://www.aiuidesigner.com/icons/n8n.svg") center / contain no-repeat;
  -webkit-mask: url("https://www.aiuidesigner.com/icons/n8n.svg") center / contain no-repeat;
}

n8n Icon Details

Brand color

#EA4B71

About the n8n Icon

The n8n icon is available here as a brand icon asset in SVG format. It is categorized under Productivity and uses the brand color #EA4B71. You can download it as a transparent PNG, copy the inline SVG, copy a React component, or embed it with HTML.

Use the source and brand guideline links on this page to verify current trademark usage rules before using the n8n logo in commercial projects, documentation, UI mockups, or marketing pages.

Tags:automationworkflowself-hosted

n8n Icon Frequently Asked Questions

Try AI Icon Generator

Need a completely unique icon? Use our AI-powered SVG Generator to create custom, professional icons in seconds.

Try AI Icon Generator

n8n Related Icons