n8n icon logo
n8n-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.
- Name
- n8n-icon
- Set
- SVG Logos
- Style
- Color
- Viewbox
- 256×135
- License
- CC0
Use the n8n icon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 135"><path fill="#ea4b71" d="M229.053 53.895c-12.557 0-23.107-8.588-26.099-20.21h-30.886a13.474 13.474 0 0 0-13.29 11.258l-1.107 6.645a26.9 26.9 0 0 1-8.757 15.78a26.9 26.9 0 0 1 8.757 15.78l1.107 6.646a13.474 13.474 0 0 0 13.29 11.259h3.939c2.992-11.623 13.542-20.21 26.098-20.21c14.883 0 26.948 12.064 26.948 26.946s-12.065 26.948-26.948 26.948c-12.556 0-23.107-8.588-26.098-20.21h-3.939c-13.173 0-24.415-9.524-26.58-22.518l-1.108-6.645a13.474 13.474 0 0 0-13.29-11.259h-10.676c-2.99 11.623-13.542 20.21-26.098 20.21c-12.557 0-23.107-8.587-26.099-20.21H53.046c-2.992 11.623-13.542 20.21-26.099 20.21C12.065 94.316 0 82.252 0 67.369s12.065-26.947 26.947-26.947c12.557 0 23.107 8.588 26.099 20.21h15.171c2.992-11.622 13.542-20.21 26.099-20.21c12.556 0 23.107 8.588 26.098 20.21h10.676a13.474 13.474 0 0 0 13.29-11.258l1.107-6.645c2.166-12.994 13.408-22.517 26.581-22.517h30.886C205.945 8.588 216.496 0 229.053 0C243.935 0 256 12.065 256 26.947s-12.065 26.948-26.947 26.948m0-13.474c7.441 0 13.473-6.032 13.473-13.474c0-7.441-6.032-13.473-13.473-13.473s-13.474 6.032-13.474 13.473s6.032 13.474 13.474 13.474M26.947 80.842c7.442 0 13.474-6.032 13.474-13.474c0-7.44-6.032-13.473-13.474-13.473c-7.441 0-13.473 6.032-13.473 13.473s6.032 13.474 13.473 13.474m80.842-13.474c0 7.442-6.032 13.474-13.473 13.474S80.842 74.81 80.842 67.368c0-7.44 6.032-13.473 13.474-13.473c7.441 0 13.473 6.032 13.473 13.473m107.79 40.421c0 7.442-6.032 13.474-13.474 13.474c-7.441 0-13.473-6.032-13.473-13.474c0-7.441 6.032-13.473 13.473-13.473s13.474 6.032 13.474 13.473"/></svg>
React
import type { SVGProps } from "react";
export function LogosN8nIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 135"><path fill="#ea4b71" d="M229.053 53.895c-12.557 0-23.107-8.588-26.099-20.21h-30.886a13.474 13.474 0 0 0-13.29 11.258l-1.107 6.645a26.9 26.9 0 0 1-8.757 15.78a26.9 26.9 0 0 1 8.757 15.78l1.107 6.646a13.474 13.474 0 0 0 13.29 11.259h3.939c2.992-11.623 13.542-20.21 26.098-20.21c14.883 0 26.948 12.064 26.948 26.946s-12.065 26.948-26.948 26.948c-12.556 0-23.107-8.588-26.098-20.21h-3.939c-13.173 0-24.415-9.524-26.58-22.518l-1.108-6.645a13.474 13.474 0 0 0-13.29-11.259h-10.676c-2.99 11.623-13.542 20.21-26.098 20.21c-12.557 0-23.107-8.587-26.099-20.21H53.046c-2.992 11.623-13.542 20.21-26.099 20.21C12.065 94.316 0 82.252 0 67.369s12.065-26.947 26.947-26.947c12.557 0 23.107 8.588 26.099 20.21h15.171c2.992-11.622 13.542-20.21 26.099-20.21c12.556 0 23.107 8.588 26.098 20.21h10.676a13.474 13.474 0 0 0 13.29-11.258l1.107-6.645c2.166-12.994 13.408-22.517 26.581-22.517h30.886C205.945 8.588 216.496 0 229.053 0C243.935 0 256 12.065 256 26.947s-12.065 26.948-26.947 26.948m0-13.474c7.441 0 13.473-6.032 13.473-13.474c0-7.441-6.032-13.473-13.473-13.473s-13.474 6.032-13.474 13.473s6.032 13.474 13.474 13.474M26.947 80.842c7.442 0 13.474-6.032 13.474-13.474c0-7.44-6.032-13.473-13.474-13.473c-7.441 0-13.473 6.032-13.473 13.473s6.032 13.474 13.473 13.474m80.842-13.474c0 7.442-6.032 13.474-13.473 13.474S80.842 74.81 80.842 67.368c0-7.44 6.032-13.473 13.474-13.473c7.441 0 13.473 6.032 13.473 13.473m107.79 40.421c0 7.442-6.032 13.474-13.474 13.474c-7.441 0-13.473-6.032-13.473-13.474c0-7.441 6.032-13.473 13.473-13.473s13.474 6.032 13.474 13.473"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 135"><path fill="#ea4b71" d="M229.053 53.895c-12.557 0-23.107-8.588-26.099-20.21h-30.886a13.474 13.474 0 0 0-13.29 11.258l-1.107 6.645a26.9 26.9 0 0 1-8.757 15.78a26.9 26.9 0 0 1 8.757 15.78l1.107 6.646a13.474 13.474 0 0 0 13.29 11.259h3.939c2.992-11.623 13.542-20.21 26.098-20.21c14.883 0 26.948 12.064 26.948 26.946s-12.065 26.948-26.948 26.948c-12.556 0-23.107-8.588-26.098-20.21h-3.939c-13.173 0-24.415-9.524-26.58-22.518l-1.108-6.645a13.474 13.474 0 0 0-13.29-11.259h-10.676c-2.99 11.623-13.542 20.21-26.098 20.21c-12.557 0-23.107-8.587-26.099-20.21H53.046c-2.992 11.623-13.542 20.21-26.099 20.21C12.065 94.316 0 82.252 0 67.369s12.065-26.947 26.947-26.947c12.557 0 23.107 8.588 26.099 20.21h15.171c2.992-11.622 13.542-20.21 26.099-20.21c12.556 0 23.107 8.588 26.098 20.21h10.676a13.474 13.474 0 0 0 13.29-11.258l1.107-6.645c2.166-12.994 13.408-22.517 26.581-22.517h30.886C205.945 8.588 216.496 0 229.053 0C243.935 0 256 12.065 256 26.947s-12.065 26.948-26.947 26.948m0-13.474c7.441 0 13.473-6.032 13.473-13.474c0-7.441-6.032-13.473-13.473-13.473s-13.474 6.032-13.474 13.473s6.032 13.474 13.474 13.474M26.947 80.842c7.442 0 13.474-6.032 13.474-13.474c0-7.44-6.032-13.473-13.474-13.473c-7.441 0-13.473 6.032-13.473 13.473s6.032 13.474 13.473 13.474m80.842-13.474c0 7.442-6.032 13.474-13.473 13.474S80.842 74.81 80.842 67.368c0-7.44 6.032-13.473 13.474-13.473c7.441 0 13.473 6.032 13.473 13.473m107.79 40.421c0 7.442-6.032 13.474-13.474 13.474c-7.441 0-13.473-6.032-13.473-13.474c0-7.441 6.032-13.473 13.473-13.473s13.474 6.032 13.474 13.473"/></svg> </template>
CSS
.icon-n8n-icon {
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%20256%20135%22%3E%3Cpath%20fill%3D%22%23ea4b71%22%20d%3D%22M229.053%2053.895c-12.557%200-23.107-8.588-26.099-20.21h-30.886a13.474%2013.474%200%200%200-13.29%2011.258l-1.107%206.645a26.9%2026.9%200%200%201-8.757%2015.78a26.9%2026.9%200%200%201%208.757%2015.78l1.107%206.646a13.474%2013.474%200%200%200%2013.29%2011.259h3.939c2.992-11.623%2013.542-20.21%2026.098-20.21c14.883%200%2026.948%2012.064%2026.948%2026.946s-12.065%2026.948-26.948%2026.948c-12.556%200-23.107-8.588-26.098-20.21h-3.939c-13.173%200-24.415-9.524-26.58-22.518l-1.108-6.645a13.474%2013.474%200%200%200-13.29-11.259h-10.676c-2.99%2011.623-13.542%2020.21-26.098%2020.21c-12.557%200-23.107-8.587-26.099-20.21H53.046c-2.992%2011.623-13.542%2020.21-26.099%2020.21C12.065%2094.316%200%2082.252%200%2067.369s12.065-26.947%2026.947-26.947c12.557%200%2023.107%208.588%2026.099%2020.21h15.171c2.992-11.622%2013.542-20.21%2026.099-20.21c12.556%200%2023.107%208.588%2026.098%2020.21h10.676a13.474%2013.474%200%200%200%2013.29-11.258l1.107-6.645c2.166-12.994%2013.408-22.517%2026.581-22.517h30.886C205.945%208.588%20216.496%200%20229.053%200C243.935%200%20256%2012.065%20256%2026.947s-12.065%2026.948-26.947%2026.948m0-13.474c7.441%200%2013.473-6.032%2013.473-13.474c0-7.441-6.032-13.473-13.473-13.473s-13.474%206.032-13.474%2013.473s6.032%2013.474%2013.474%2013.474M26.947%2080.842c7.442%200%2013.474-6.032%2013.474-13.474c0-7.44-6.032-13.473-13.474-13.473c-7.441%200-13.473%206.032-13.473%2013.473s6.032%2013.474%2013.473%2013.474m80.842-13.474c0%207.442-6.032%2013.474-13.473%2013.474S80.842%2074.81%2080.842%2067.368c0-7.44%206.032-13.473%2013.474-13.473c7.441%200%2013.473%206.032%2013.473%2013.473m107.79%2040.421c0%207.442-6.032%2013.474-13.474%2013.474c-7.441%200-13.473-6.032-13.473-13.474c0-7.441%206.032-13.473%2013.473-13.473s13.474%206.032%2013.474%2013.473%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%20256%20135%22%3E%3Cpath%20fill%3D%22%23ea4b71%22%20d%3D%22M229.053%2053.895c-12.557%200-23.107-8.588-26.099-20.21h-30.886a13.474%2013.474%200%200%200-13.29%2011.258l-1.107%206.645a26.9%2026.9%200%200%201-8.757%2015.78a26.9%2026.9%200%200%201%208.757%2015.78l1.107%206.646a13.474%2013.474%200%200%200%2013.29%2011.259h3.939c2.992-11.623%2013.542-20.21%2026.098-20.21c14.883%200%2026.948%2012.064%2026.948%2026.946s-12.065%2026.948-26.948%2026.948c-12.556%200-23.107-8.588-26.098-20.21h-3.939c-13.173%200-24.415-9.524-26.58-22.518l-1.108-6.645a13.474%2013.474%200%200%200-13.29-11.259h-10.676c-2.99%2011.623-13.542%2020.21-26.098%2020.21c-12.557%200-23.107-8.587-26.099-20.21H53.046c-2.992%2011.623-13.542%2020.21-26.099%2020.21C12.065%2094.316%200%2082.252%200%2067.369s12.065-26.947%2026.947-26.947c12.557%200%2023.107%208.588%2026.099%2020.21h15.171c2.992-11.622%2013.542-20.21%2026.099-20.21c12.556%200%2023.107%208.588%2026.098%2020.21h10.676a13.474%2013.474%200%200%200%2013.29-11.258l1.107-6.645c2.166-12.994%2013.408-22.517%2026.581-22.517h30.886C205.945%208.588%20216.496%200%20229.053%200C243.935%200%20256%2012.065%20256%2026.947s-12.065%2026.948-26.947%2026.948m0-13.474c7.441%200%2013.473-6.032%2013.473-13.474c0-7.441-6.032-13.473-13.473-13.473s-13.474%206.032-13.474%2013.473s6.032%2013.474%2013.474%2013.474M26.947%2080.842c7.442%200%2013.474-6.032%2013.474-13.474c0-7.44-6.032-13.473-13.474-13.473c-7.441%200-13.473%206.032-13.473%2013.473s6.032%2013.474%2013.473%2013.474m80.842-13.474c0%207.442-6.032%2013.474-13.473%2013.474S80.842%2074.81%2080.842%2067.368c0-7.44%206.032-13.473%2013.474-13.473c7.441%200%2013.473%206.032%2013.473%2013.473m107.79%2040.421c0%207.442-6.032%2013.474-13.474%2013.474c-7.441%200-13.473-6.032-13.473-13.474c0-7.441%206.032-13.473%2013.473-13.473s13.474%206.032%2013.474%2013.473%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/n8n-icon.svg?color=%231a73e8&size=48
