search

fritzing / fritzing-app

Fritzing desktop application
http://fritzing.org
Other
4.04k stars 835 forks source link

Different icon for macOS (Big Sur) #3824

Open moritzmhmk opened 3 years ago

moritzmhmk commented 3 years ago

The current flat Fritzing icon looks really nice on its own but feels a bit out of place on macOS (size- and stylewise).

I designed this vector icon for Fritzing to fit the new icon style of macOS Big Sur in the hope that you may find it useful.

Big Sur Icon

KjellMorgenstern commented 3 years ago

I don't see an issue with the resolution / size of the current icon, could you explain further or give an example?

One problem first, Fritzing itself as well as Safari can not render this correctly, both do not support fe.. elements. Didn't test in safari, just read the specs. Fritzing renders it black and white. Note: Safari renders it fine, although support is listed as "unknown" here: https://developer.mozilla.org/en-US/docs/Web/SVG/Element/feFlood

Further, the graphic would have to adapt for fz, fzp, fzz, fzpz and fzb file types: image

The shadow line at the bottom is part of the fritzing style, i'd prefer to keep it. Not sure how that interacts with BigSur design guidelines: image

moritzmhmk commented 3 years ago

The guideline for the App Icon does not seem to conflict with the bottom line. In fact, Apple uses lines at the top of the calendar and notes icons.

Originally I replaced the bottom line by a gradient as can be found on many Big Sur icons:

This is an adaptation of the dimensions of the current icon:

This is a version with a larger bottom line to move the "cut" out of the rounded corners.

The guideline on Document Icons states that its possible to "supply any combination of background fill, center image, and text" and has an example that looks rather flat. I believe that using the current (flat) style works well for document icons on macOS Big Sur.

Support of certain SVG features doesn't matter since for macOS the icons need to be converted to PNG anyway, but I did post PNG versions above to make it easy for anyone to view in the web browser. The icon will of course eventually be contributed as a vector graphic.