Icon BigSur Style

[melvinsalas]

I really like FastMate, it is a very good product.

Is it possible to change the dock icon to more BigSur style, i.e. square and round instead of circular?

Because, it doesn't match on dock

Thanks :D

[joelekstrom]

Hi! Thanks so much for using Fastmate 😊

you’re right - I should probably have a go at de-rounding the icon. I’ll put it on my todo list!

[sddgit]

Here's one for your consideration. I think it's in the correct format.

icon.icns.zip

[joelekstrom]

Hi @sddgit and thanks for the icon! Since it's the official logo I can't put that in the build - but it's nice to keep here if anyone wants to manually use that icon on their own Fastmate installation.

[sddgit]

OK, no problem.

[melvinsalas]

I worked on this one (the third), what do you think?

[sddgit]

I think that looks pretty good. Could you try the 3-colour envelope on the blue background for comparison?

[melvinsalas]

Sure!

[sddgit]

Great! Any chance of uploading those four in icon format to try in real life?

[melvinsalas]

I converted png to .ico files.
Let me know if you need it a change or if you want the adobeXD file.

iconpack.zip

[sddgit]

I can’t use the icons for the Fastmate app. I'm really not sure of the technical aspects of icons. When I click on one of your icons in Finder, it says it's a Windows icon file. The icon I have has a .icns extension, and is identified as an Apple icon image. Dragging one of your icons to the icon area of the Info window of Fastmate doesn't work - I just get a generic icon for the app.

[melvinsalas]

Can you try these?

icnspack.zip

[sddgit]

They're actually a little big. I’ve attached some screenshots of the dock, and screenshot of the properties of the Apple Mail icon.

On a dark background, I think the "white" versions look better, but depart from the original quite a lot, so might not please the author as much! Rounded matches the Apple Mail icon better. Getting picky, but maybe a lighter blue background?

[melvinsalas]

I'm just playing about the design, I work on this. icon design.icns.zip

or... open

[sddgit]

That looks really nice - well done, and thank you! Let's see if it gets picked as the "official" icon.

[joelekstrom]

Hey @melvinsalas I really like the open one! The top one is a bit too close to the Apple one IMO. Perhaps the background color should change slightly too so it's not too close

Also, sorry for taking so long to respond, have had a lot of stuff going on lately.

[melvinsalas]

Don't worry.

Something like that?

[joelekstrom]

Yeah that looks pretty great to me! I'm not sure about the vertical centering - should it be moved up a bit? 🤔 I really appreciate the efforts btw.

To make it available in the Fastmate build, I'll need it in 3 different sizes: 1024x1024, 512x512 and 256x256. If you provide a 1024 I can scale that down too.

[woodjosiah]

This seems like it stalled out a bit ago. I've really enjoyed using @melvinsalas design, so I recreated it in Sketch. I'll admit it's not perfect, so I'm including the Sketch file so someone else can tweak it more if they'd like. If this helps the icon to be updated to be Big Sur/Monteray style in a future build, awesome! No worries if you want to go in a different direction.



Fastmate Icon Sketch.zip

[joelekstrom]

@woodjosiah Thank you very much! 🙌 Looks pretty great to me, I'll try that out ASAP.

[joelekstrom]

@woodjosiah Tried it out and it looks great! Will likely ship it with the next update. However, I think it needs some additional margins to match the size of xcode, safari etc, as you can see in the bottom of the screenshot. Apple has published a Sketch library for macOS with resources, and a production template for icon sizes: https://developer.apple.com/design/resources/ maybe that could help

[woodjosiah]

@joelekstrom Oops, I had 'trim transparent pixels' turned on in Sketch. Try the attached ones instead.
Fastmate Icons.zip

Update: Changed the zip file to not be a .iconset

[joelekstrom]

Awesome, thank you! Looks great 😊

[melvinsalas]

Oh, sorry, I forgot to respond.
Anything I can help with the logo, I'm also available.
;)

[joelekstrom]

@melvinsalas of course, you could give your blessing that I ship the icon from @woodjosiah? It's your design after all! (I'll properly attribute you both in the update notes).

Looks like this btw!

[melvinsalas]

Thanks @woodjosiah and @joelekstrom
Thanks for your support in this forgotten ticket.
Let's hope that this new design will prosper.

[joelekstrom]

Added and will be out with the next version! @woodjosiah if you would like to share it it would be nice if you could add the Sketch files to this repo, making the icon also available as open source and tweakable in the future

[woodjosiah]

@joelekstrom Totally! It’s actually included in my original comment, it’s the attachment labeled “Fastmate Icon Sketch.zip". If there's somewhere else you’d like to see that file go, just let me know.

[joelekstrom]

If you upload it here to the root folder (name it icon.sketch for clarity) via a PR, GitHub will list you as a contributor to the repo