Add n8n icon #10909
Add n8n icon #10909
Conversation
icons/n8n.svg
Outdated
There was a problem hiding this comment.
I'm seeing a bunch of differences as illustrated by the screenshot above. Are you using the logo from their website's header? Also I'd like to note that you said " I just combined the paths and applied the transformations to them." - there are no paths to combine for this logo!
There was a problem hiding this comment.
They also have a press kit from which you can source the icon: https://n8n.io/press/. n8n-symbol-only.svg would be the file to grab.
There was a problem hiding this comment.
Hm, right. As I wrote I had this other n8n icon svg on my computer for a while (and don't know anymore from where I downloaded it). With the official svg icon you linked, I have a problem with removing fill-rule="evenodd" clip-rule="evenodd", see screenshot. The problem is that 2 of the small circles get filled. I don't know how to solve that. Do you have any idea?
There was a problem hiding this comment.
Hmm I'm not sure. @PeterShaggyNoble I recall you helped me before with an icon that had fill-rule="evenodd", any idea how can we get rid of it here?
There was a problem hiding this comment.
I don't know the exact science with this - but I've always been able to 'split' the path in my editor, move the circle shapes up/down (changes per program) and then re-do the merging.
There was a problem hiding this comment.
Ok, I managed to solve this by breaking apart the path (in Inkscape), then creating 4 little circles in the size of the 4 small paths and then took the difference between the big path and the 4 little circles respectively. Is it good now?
icons/n8n.svg
Outdated
There was a problem hiding this comment.
I don't know the exact science with this - but I've always been able to 'split' the path in my editor, move the circle shapes up/down (changes per program) and then re-do the merging.
Update source Co-authored-by: Adam Rusted <adamrusted@gmail.com>
Issue: closes #7993
Popularity metric:
The Similarwebrank is 60,987. See https://www.similarweb.com/fr/website/n8n.io
Checklist
_data/simple-icons.jsonviewboxis0 0 24 24Description
I forgot where I downloaded the original svg icon (had it on my computer for quite a while). I just combined the paths and applied the transformations to them. Then optimized it.