App icon submissions

[tbodt]

The current iSH home screen icon is not that nice looking. I'm bad at designing icons, so I thought I'd see if any users have good ideas. I'm also bad at judging other people's icons, and iOS apps can change the home screen icon at runtime, so why not put in every icon? Post your icon idea here and I'll add it to the app.

Rules:

• The icon should make sense as an icon for iSH. (duh)
• The icon should not have rounded corners. Those get added by iOS automatically.
• A 1024x1024 PNG of the icon should be under 50kB. I don't want to end up with icons taking up more space than the rest of the app. The current icon fits in 5kB so this shouldn't be too hard.
• To save space, I'll only accept a few different color or style variations of the same icon.
• The icon license must allow it to be used as an icon for iSH. CC-BY-4.0 works well. There will be attribution, in the form of your name and a link to your GitHub post. In case someone forgets: By posting an icon here, you agree to license it under CC-BY-4.0, unless you specify otherwise.

[Rexogamer]

What stuff do you want icons for, or do you want updated versions of the current ones?

[tbodt]

Home screen icons. Should mention that at the top.

[PyDann]

All attached images are licensed under CC BY

[saagarjha]

uninspired

[lynzrand]

Random thought

CC-BY

[TechUpdateGuy]

#

[lynzrand]

[lynzrand]

[tbodt]

@01010101lzy @TechUpdateGuy any preference on which of the icons you posted you'd like me to use?

[alessaba]

I like @TechUpdateGuy 's first and @PyDann 's third, if my opinion matters 😅

[lynzrand]

@01010101lzy @TechUpdateGuy any preference on which of the icons you posted you'd like me to use?

I personally prefer the last two "i#"-like icons, although the colors may need some refining.

[FD-]

@01010101lzy I played around a little with the colours on your i# suggestion. Hope that's ok 😀

Probably the text should also be a little bigger?

[0x41c]

This is the image

I messed around with one other icon submission but I lost my glasses so if I’m blind please tell me

[alessaba]

Looks pretty good!

Filippo Claudi

Il giorno 12 dic 2019, alle ore 03:57, Regularcheckm8 notifications@github.com ha scritto:

 This is the image I messed around with one other icon submission but I lost my glasses so if I’m blind please tell me

— You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

[iliaskarim]

the current icon already looks perfect

[tbodt]

@TechUpdateGuy I unfortunately couldn't use your icon because it's too big: 1.5MB as a png, and the limit is 50k

[saagarjha]

Isn't it 50 KB?

[tbodt]

oops

[terhechte]

I dabbled a bit and came up with this (multiple previews for the same icon, I also already exported all the App Store required sizes):

Here're all the required iOS icons (including spotlight and so on)

ish_app_icons.zip

[alessaba]

This looks amazing too 😍 Probably the best

[Rexogamer]

Personally I like the first one in https://github.com/tbodt/ish/issues/578#issuecomment-563969573 (although I’d make the text the same size as the second one, without the effects)

[ntindle]

I like this one but I don’t like that it looks like it’s at an angle to other apps. It doesn’t feel like it fits in. Maybe if it was the same $ but not rotated it would fit in better

[terhechte]

I created a unrotated version that mimics the "$" at the beginning of a shell line in an empty container

[tbodt]

@terhechte That's a nice icon, but unfortunately 20x the 50kb limit. I'm considering adjusting the rules so you only need a 256x256 icon to fit in 50kb, rather than 1024x1024. But keep that in mind when submitting.

[terhechte]

@tbodt I can get it to ~180kb as a png and 35kb as a jpeg (in 1024x1024) if that helps. 256x256 would obviously be easy to pull off.

[Envo]

this is the best icon in this thread so far which one doesn't hurts my eyes: https://github.com/tbodt/ish/issues/578#issuecomment-562960935

[TechUpdateGuy]

@tbodt I heard you had problem with File Size, so I been creating a Automator Shell Script to compress my files as much as possible. Do you by any chance have preference for the Zip compression " either .zip or .tar.gz" ?. I was planning to submit zip file.

[TechUpdateGuy]

Just Found something interesting, that aligns with App Interface. (24KB w/ ImageOptim)

[tbodt]

@TechUpdateGuy png please. General commission formats like zip can't be used for app icons because there's no point: image compression does a better job because it has context, and the app bundle is zipped anyway.

[TechUpdateGuy]

So Based on @01010101lzy I created my own version of art. Also., Personally, @terhechte I loved the the tilted logo. I was wondering how you came up with the idea?

---

My Submission Entry #2:

_Image1 ................ Here is a 30KB [1024x1024] File (Preview Purposes)

_Image2, ................ Here is a 44KB [512x512] File (Submission)

_Image3, ................ Here is a 75KB [512x512] File (Preview Purposes)

_Image4 , ................ Here is a 46KB [1024x1024] File (Submission)

UPDATE : I just wanted to play around a bit, having file size constraints to 50KB. So, I added a newer version of icon I like to propose.

[ricardohnn]

Hey guys, I’m not a designer, but I tried to make an icon because I really liked this app... Is just a sketch, so give me feedbacks if you liked it. I thought about squares because of the original logo being dots... so I first thought about square instead of dots and then actual squares. I am thinking 3D here... so the letters would be facing away. I used different colors of green to both represent the 3d and the letters. I actually don't see a reason to work on a final design before any discussion, so... that's why it is a sketch

[TechUpdateGuy]

@ricardohnn If you are finalizing the design, please note few things,

The file size is 50KB limit, so that limits you with the following things:

1st: You can't use gradients if it is more than 2 colors or complex gradient style. Including, Brushes and patterns. 2nd: You can't lower you opacity more than 100% for anything you work with. 3rd: You should use as fewer colors as possible. 4th: Compression Algorithms Apps like ImageOptim converts "Display P3" color profile as "sRGB". On the other hand, The iPhone's orginal recommended color profile is "Display P3, 16-bit channel". but for compression, you can export your files to "sRGB, 16-bit channel".

Edit: Remember, while you are editing, Clipping Masks help you customize and play with color options. While Regular "Mask" helps you reduce size while exporting. So It might be handy to just "Mask" your final product before exporting.

[ricardohnn]

Hey guys I have no idea how to resize this without another app... So I will just leave the preview one.... I think vectorised would be better, but I also don't have any app here for that...

[PyDann]

@ricardohnn I really like this, I will take a crack at this in Affinity Design tonight.

[ricardohnn]

Hey guys I have no idea how to resize this without another app... So I will just leave the preview one.... I think vectorised would be better, but I also don't have any app here for that... @ricardohnn I really like this, I will take a crack at this in Affinity Design tonight.

Oh that would be better... leave with the pros lol, thanks... BTW... It's horrible but I think you might get it right... Think as a sheet of paper... So corners should be rounded... At least that's what I thought

[TechUpdateGuy]

@ricardohnn what app did you used to draw sketches? The guidelines made the drawing more skillful.

[PyDann]

@ricardohnn so the first image falls well within the size limit. However, the second one is nearly double at ~95kb. Hopefully I’ve done your design proud. Let me know if you’d like to see some changes.

@TechUpdateGuy the app he is using is ProCreate

All attached images are licensed under CC BY

[ricardohnn]

@ricardohnn so the first image falls well within the size limit. However, the second one is nearly double at ~95kb. Hopefully I’ve done your design proud. Let me know if you’d like to see some changes. @TechUpdateGuy the app he is using is ProCreate

All attached images are licensed under CC BY

I think it's cool but i feel like the h part should be curved... I will redraw it correctly... I'm just being lazy really lol...

@TechUpdateGuy yeah it's procreate... I bought it recently... So i have no idea how to use it... And I'm more android based so have no clues which apps there are for ipad lol... So I'm just doing randomly... But i will improve the drawing with what "it should be" in my head...

[ricardohnn]

@ricardohnn this will be the last one I post here, I don’t want to fill this thread with "Rough Drafts", hit me up on twitter (DannWai) if you want to correspond further!

All attached images are licensed under CC BY

True story but it was more like the previous one... but again I too don’t want to fill with sketches... I think is more productive if the icon idea is decided and then it will be made the final version. Since the ideas are too different, I think it would be cool to hear from the developer... but hey nice work man... I accept tips and how to do it lol

[tbodt]

An update on this: it turns out to be almost impossible to upload an app with alternate icons. So I won't be able to put them in for the next release, but I'll do it as soon as I figure out how to get Apple to accept the app.

[iseth]

An update on this: it turns out to be almost impossible to upload an app with alternate icons. So I won't be able to put them in for the next release, but I'll do it as soon as I figure out how to get Apple to accept the app.

I found this: https://stackoverflow.com/questions/43233675/ios-10-3-how-to-change-app-icon-programmatically

[saagarjha]

I believe the issue was with App Store distribution, not the alternative icon API.

[2br-2b]

I like the current icon!

[rnkn]

I really like the i# design by @01010101lzy. Not too fond of $ designs because it makes it seem like a money app.

[PyDann]

@PyDann's two proposals look great to me. What do these look like on the home screen?

From iOS, you can “long hold” any of the icon images, “copy to photos”, and use the Shortcuts app to create a shortcut to open iSH. Add the shortcut to your Home Screen and assign any of the icons you’d like to try!

[ntindle]

Examples of a few on black

[relikd]

EDIT: was quite unhappy with the filesize (50Kb) so I did some optimizations and now each png is (4Kb). Also, image 2 changed slightly :)

[AudioBr4in]

Hey team! I actually love the simplicity of the original icon, but I’m of the 1337 crowd, so I just did a quick color swap.

1337_icon.png

[heronwr]

Hi all, I am not a graphics designer but I thought I would take a challenge. I have been staring at these designs for days and don't even know anymore, so it is entirely up to preference of the devs, thanks for considering this. Of course, all design are CC-BY.

[easrng]

Still too big, and a WIP, but what do you all think?