manyfold icon indicating copy to clipboard operation
manyfold copied to clipboard

.svg Logo to add to dashboard-icons

Open PyrokineticDarkElf opened this issue 1 year ago • 4 comments

Would you be able to provide a .svg or other vector file of the Manyfold logo? I would like to see it in dashboard-icons

PyrokineticDarkElf avatar Jun 29 '24 12:06 PyrokineticDarkElf

This would be awesome. I have a WIP one I'm trying to create at the moment, but it's a bit awkward because the original logo is (I'm a bit ashamed to say) AI generated, and I've got to try to (roughly) recreate it. And I'm terrible at graphic design. Good to know there's a reason for me to do so though.

Floppy avatar Jun 29 '24 15:06 Floppy

Ahhh, I hadn't looked at it up close, but I can see that now hahah Could be hard to recreate as a vector... I'm not bad on Illustrator, I could take a look for you when I get some time but I can't promise it would be as detailed as the original.

That said, if you're already close to having it finished, I'll leave it with you 😅 Let me know?

PyrokineticDarkElf avatar Jun 29 '24 17:06 PyrokineticDarkElf

An SVG definitely won't be as detailed, I'm just hoping to capture the essence of it in something cleaner really. I was thinking of putting the job out on fiverr, but I'll post my WIP here later on in case you do fancy taking a look!

Floppy avatar Jun 30 '24 15:06 Floppy

Here's what I have so far - it's actually a bit better than I remember. I just wanted to get it a bit more glowy, I think...

vectorised

and the original for reference:

original

Floppy avatar Jul 01 '24 08:07 Floppy

Coming back to look at these two side by side, I really think this is almost there. I think maybe I just need to tweak the opacity on some of the purples to get some variety back in there.

Floppy avatar Jul 17 '24 10:07 Floppy

I think that might do it, actually!

background

Floppy avatar Jul 17 '24 11:07 Floppy

So, https://manyfold.app/images/background.svg is now in use on the website. I've tried to make a clipped version at https://manyfold.app/images/roundel.svg for use as an icon, but for some reason although it looks OK in Inkscape, it doesn't appear at all in my browser. So that's odd.

Floppy avatar Jul 17 '24 13:07 Floppy

I downloaded the files and tried them in Illustrator but they seem to be missing a lot of filters/blurs. I think some Inkscape features don't transfer over that well to Illustrator (and I assume maybe web too). When you exported, did you use 'Plain' SVG or 'Inkscape' SVG?

I've taken all the paths and applied similar blurs using Illustrator to produce these: edited-1 edited-2

Let me know if they work any differently?

PyrokineticDarkElf avatar Jul 18 '24 10:07 PyrokineticDarkElf

Ooh maybe I did Inkscape SVG. I'll take a look. Those you've done look great!

Floppy avatar Jul 18 '24 11:07 Floppy

Hm, saved as plain SVG and still no good.

Floppy avatar Jul 18 '24 13:07 Floppy

Yours look good, but they're absolutely massive (>1M each), I guess because they seem to have raster layers in them, rather than being pure vector SVG?

Floppy avatar Jul 18 '24 13:07 Floppy

Ahhh. ngl, I didn't check the file size... I think it's also rasterised some of the paths. Now I've reopened the file I can't edit the middle...

Lemme give it another go

PyrokineticDarkElf avatar Jul 18 '24 15:07 PyrokineticDarkElf

These should work. They use SVG filters - not rastered

It looks like Illustrator can create SVG filters for Gaussian Blur, but for whatever reason, whenever you open the file in Illustrator, it just ignores them. Inkscape can still see them tho.

You may want to modify the circular one a little since it's still using the original artboard size rather than being 1:1

logo-main-mod logo-main-mod-c

FYI, I'm not convinced there was actually anything wrong with your original files, I've had another go at clipping the original icon you provided, let me know if this works when uploaded. I think the issue was, the circle used for clipping had a stroke and no fill? I think I prefer yours:

logo-clipped

PyrokineticDarkElf avatar Jul 18 '24 16:07 PyrokineticDarkElf

That did it, perfect! Can you tell I have no idea what I'm doing? 😁

Thank you so much for your expert help, I'd never have worked that out.

The rounded SVG is now at https://manyfold.app/images/roundel.svg, so we can get it submitted into dashboard-icons :)

Floppy avatar Jul 19 '24 10:07 Floppy

PR opened at https://github.com/walkxcode/dashboard-icons/pull/753 ❤️

Floppy avatar Jul 19 '24 10:07 Floppy

It just got merged :)

Floppy avatar Jul 20 '24 20:07 Floppy

And it works straight away in Homarr!

Screenshot 2024-07-20 at 21 51 26

Floppy avatar Jul 20 '24 20:07 Floppy

Working on my Homepage install too :D

image

PyrokineticDarkElf avatar Jul 20 '24 23:07 PyrokineticDarkElf

Amazing. What a time to be alive 😍

Floppy avatar Jul 21 '24 07:07 Floppy