New icon for Fennec F-Droid

I really like the overall design, too. Just one little thing bothers me. I think the icon should be a bit more round. At the moment it looks like an egg. Maybe this is intended, but if not, can you try how it would look if the fennec a bit thinner at the top?

1 Like

I don’t disagree, but I fount this version to be more pleasing. There are multiple things that would need to change for “egg shape” (it’s more of elongated circle). It just looks the best that way

Focus is about Blue → Red gradient, so it makes sense that it has some purple in it. I find that difference in colour of Fennec (it is quite short eared, adult Fennec, because apparently ears get smaller the older Fennec is), white with pink in case of Focus and Yellow → Reddish Purple in case of Fennec (not to mention completely different alignment) is something that differentiates it enough to make it obvious what it is :smiley:

I feel like Klar is a little bit misrepresented, as is isn’t really Focus anymore, but that’s completely different discussion (Fennec Klar would have been kick-ass name) :wink:

What I tried to achieve is different colour scheme of Fennec and Firefox, where Firefox has clear Fire and Water thing going on, Fennec is desert animal, which inspired me to go the route of Disney’s Aladdin colour scheme (as it’s about desert too I guess). Purple → Yellow, with break into reddish purple (which causes that nice orange in the middle).

I like the new logo!

I juste wanted to point out that the color purple is the one used for Firefox Focus/Klar, which is also available in FDroid. I fear this might be confusing. The idea is when you see a fox on a circle to know which kind of firefox version it is. Orange+blue = Firefox, Purple = Focus, Blue+other blue = Firefox nightly.
Or maybe it is just me. But when I see the new icon today I immediatly think of Firefoy Focus.

Also I’m not sure if it is suppose to be a fennec fox, or just a regular fox, but I guess it is not a big deal.

Great job, it is definitly a great improvement over the old one.

Glad to see so much interest to this topic!

I think a new Fennec icon should:

  1. Be under a free license. F-Droid does not accept non-free contributions.
  2. Be in a free vector format that can be automatically converted to PNG, like Inkscape SVG. Proprietary formats are difficult to work with and usually require proprietary software.
  3. Follow Material Design guidelines. F-Droid is commited to look and feel native on Android.
1 Like

Issue with that is, Firefox has their own guidelines, and own style that fits their interface. It’s not really material style. All Firefox icons I have seen in Material style are awful too:

Translations of more detailed icons also don’t really work, they either are too detailed to be considered Material Design, or too simple to be anything specific (for example see above :wink: )

Subjecting my image to such flatification causes it to be much less interesting and it makes it impossible to recognize what it really is (blame author, not the standard):


It’s frankly 20s flatification process, so tail and back are a little rough around the edges, which could be fixed if I spent more time on it, that’s not the point though.

If we were to abandon Photon design guidelines in favor of Material, that would mean changing all the Photon Symbolic icons in Fennec to Material symbolic (which differ quite a lot in style). Otherwise it would look out of style for majority of icons.

Firefox fork is terrible for this kind of unification :wink:

I got myself interested in making Fennec Klar icon, and somebody pointed out to me that icon that I was doing for it looked like Fennec’s previous one, so maybe this would be more natural:

I know there is no contest for Klar, but the heck, might as well suggest it :wink:

6 Likes

The new design really looks nice and fresh compared to the current design.
As for the colors I would rather go with the F-Droid blue and green as Fennec F-Droid is a special Firefox flavor from this community and in my opinion deserves a stronger reflection of F-Droid.
The colors of the new design resembles to many current original Mozilla Firefox flavours. F-Droid’s Fennec should be more unique and distinguishing from Mozilla.

1 Like

I haven’t seen many green or blue foxes honestly :wink:

I don’t want too different icons, as they still represent same branches of Firefox as before.

They are however still different enough to not be straight up mistaken for Firefox.

So maybe recognition of brand association should be about nice looking icons, as opposed to same colours as primary brand and slightly worse looking icons.

And on About page add either:

5 Likes

My main reason for the color differentiation was merely because Fennec F-Droid is not an officially endorsed or in any other way associated product of Mozilla, but maybe it is and I’m completely wrong. I have no issues with a stronger Firefox tone and kooks great too. I like the addition of the F-Droid name.
One thing that should be slightly changed is the fennec fox tail. It should end much bushier than in its current form :smile:

I don’t see why “not officially endorsed” can’t have visual cues that refer to official branding. Especially since separate release channels are signified by specific colour selection. Similarly, I didn’t make up those colours really, about

Fennec had similar Beige + Blue colour scheme (I just updated it a little with more lively shades).

And as it was pointed out, Focus has similar colour scheme to Klar here (although imo it still makes a huge difference to add orange to the mix).

From images I see online, tail has more of a pointy tip of the tail than brushy one, so that will probably stay :wink:

I updated Gitlab repo with improvements visible along the way here (including but not limited to F-droid text and dark tail tip)

2 Likes

Good logo but I don’t like the purple.
We are on planet Earth (Blue).

2 Likes

I loled, wut did I just read ?? :))

? !!! :pig: :cupid: :broken_heart:

This thread is amazing! Pure gold everywhere :star_struck:

1 Like

Another remark: it’s F-Droid not F-droid

You are not wrong my friend, will correct that in a sec :smiley:

Fixed, it’s F-Droid now :smiley:

2 Likes

Good job :trophy: :muscle:

Firefox has their own guidelines, and own style that fits their interface. It’s not really material style.

You’re right. But I don’t think this matters much. Launcher icon is mostly seen in launcher, not in app. A lot of people use icon packs and see nothing wrong in icon/app style mismatch. At contrary, when you have several launcher icons in different styles side-by-side this becomes immediately apparent.

Translations of more detailed icons also don’t really work, they either are too detailed to be considered Material Design, or too simple to be anything specific

That’s true. But Material Design launcher icons are simplistic for a reason: phones screens are small and so are icons on it. It’s difficult to see those nice small details in a 1 cm x 1 cm area. Besides, many devices still have low-resolution screens which don’t help with seeing more details either.

Firefox fork is terrible for this kind of unification

We aren’t going to replace all other icons in Fennec, that’s for sure. Everything else is under discussion. :slight_smile:

I would argue that if we want to address icons, we should cover all of them (deault favicons, instances where Mozilla’s logo appears within app)

With that I would also disagree, primary visual cues for user recognizing and launching app are size, shape and colour. Main factor which causes app icons to look out of place is different size (or different visual weight in cases where icons are of different shape), and not different style.

Just to prove that I’m not pulling that out of my bum, look at iPhone’s icons. Despite the fact majority of them are in very differing styles, they look consistent.

In my opinion if we consider Adaptive icons, as mentioned above in this thread, style shouldn’t matter as much as nice looking icon and brand recognition that can be built based on it (especially considering there is no such thing as consistent colour in those icons, shape and style of them makes it much easier to recognize common family and by extension F-Droid association).

I’m glad Google introduced Adaptive icons, at least one thing unifying style to some standard, unlike every other recent change in P and O :frowning:

Edit: Whoops, missed half of my point by being sad, continuing…

As I mentioned, shape and colour, those are two qualities that are important when user recognizes the icon, Those two qualities are not associated with size, user doesn’t search for every little detail to find which one of Fennecs to launch, because colour of Fennec and Fennec Klar would be drastically different.

I don’t really get the point about “fidelity”, details are always nice, the fact that user can’t see them is just attention to detail, not something we should avoid necessarily. I don’t really get why that would matter. On the other hand things like “Pixel perfect” or “Colour corrected” make a lot of sense in design, but Google isn’t even aiming for that with Material apparently, looking at some of various examples.

So conclusion would be to just give up, make something simple that is flat and doesn’t look original with no detail to save time (which already has been spent on adding that detail).

1 Like

Which is the main reason why the current fennec icon looks out of place. It is too small, or at least feels smaller than most icons.

Generally I agree wit being more in Line with Firefox’s android style than with google’s material design. If someone wants all there icons to look the same he’s free to use one of these icon packs :wink: .