Home/Libraries/Devicon (Iconify)/nodered

Devicon (Iconify)

Nodered

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 128 128"><path fill="#818cf8" d="m64 0l55.39 32.053v63.96L64 128L8.61 96.012V32.034z"/><path fill="#818cf8" d="M64.023 5.3a1 1 0 0 0-.517.132l-50.1 28.873a.99.99 0 0 0-.494.855v57.746c0 .354.188.679.494.856l50.1 28.877a.99.99 0 0 0 .988 0l50.022-28.88c.306-.176.523-.501.523-.855V35.16c0-.353-.217-.679-.523-.855L64.494 5.432a1 1 0 0 0-.47-.131zM64 7.43l49.06 28.3v31.332H93.405c-3.478 0-6.457 2.905-6.457 6.383v.856c-11.812-.088-15.335-3.145-19.728-6.987c-3.652-3.193-8.226-6.688-17.426-8.148c1.715-1.72 2.747-3.675 3.666-5.342c.988-1.791 1.881-3.21 3.31-4.191c1.114-.764 3.013-1.223 5.473-1.37v.803c0 3.479 2.702 6.325 6.18 6.325h25.182c3.478 0 6.6-2.846 6.6-6.325V42.88c0-3.478-3.108-6.281-6.587-6.281H68.434c-3.479 0-6.192 2.803-6.192 6.28v1.128c-3.253.16-6.021.799-7.902 2.09c-2.327 1.597-3.601 3.765-4.643 5.654s-1.896 3.514-3.136 4.652c-1.059.97-2.54 1.636-4.95 1.94c-.311-3.198-3.09-5.505-6.363-5.524H14.94V35.73zm4.434 33.52h25.183c1.175 0 2.035.754 2.035 1.929v6.187c0 1.175-.872 1.973-2.047 1.973H68.422c-1.175 0-2.131-.798-2.131-1.973V42.88c0-1.175.968-1.93 2.143-1.93M14.94 56.774h20.307c1.174 0 2.047.974 2.047 2.149v6.187c0 1.175-.872 1.952-2.047 1.951H14.941zm26.793 5.983c14.187.223 18.1 3.798 22.66 7.787c4.378 3.828 9.764 7.844 22.555 8.014v1.074c0 3.478 2.979 6.222 6.457 6.222h19.655v6.479L64 120.641L14.941 92.334v-20.92H35.25c3.478 0 6.482-2.824 6.482-6.303zm51.674 8.656h19.655v10.09H93.408c-1.174 0-2.107-.804-2.107-1.979v-6.08c0-1.174.933-2.03 2.107-2.03z"/><path fill="#818cf8" d="m99.035 39.33l-.006.027c.733 1.004 1.174 2.215 1.174 3.522v6.187c0 3.479-3.121 6.325-6.6 6.325H68.422c-3.478 0-6.18-2.846-6.18-6.325v-.802c-2.46.146-4.36.605-5.472 1.369c-1.43.98-2.323 2.4-3.311 4.191c-.92 1.667-1.95 3.622-3.666 5.342c9.2 1.46 13.774 4.955 17.426 8.148c4.393 3.842 7.916 6.9 19.728 6.987v-.856c0-3.478 2.979-6.383 6.457-6.383h19.657V55.795zm-57.3 23.428l-.003 2.353c0 3.479-3.004 6.303-6.482 6.303H14.941v.03l40.674 44.359L64 120.64l49.06-28.307v-6.479H93.407c-3.478 0-6.457-2.744-6.457-6.222v-1.074c-12.79-.17-18.177-4.186-22.554-8.014c-4.561-3.989-8.474-7.564-22.66-7.787z"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. NoderedIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.