We have moved to a new Sailfish OS Forum. Please start new discussions there.
77

[Collection] jolla icons

asked 2014-03-18 02:25:49 +0300

Moth gravatar image

updated 2015-06-14 11:11:40 +0300

Ok, the disturbing stretching of icons in launcher view is fixed. Now it seems to be possible to create REAL 85.4px (unlike enough...) shapes. :D


It's a bit chaotic since then, now here is an frequently updated

OVERVIEW

App:Screenshot

App:FBreader

App:Twitter/Tweetian

App:Paint

App:QuasarMX

App:DocScanner

App:Powermenu

App:Auto Answer

App:Situations

App:Space Inspector

App:Stellarium Mobile

Collection:Puppet - core apps

Collection:Puppet - general purpose

Collection:Wireframe - Chapter 1 - core apps

Collection:Wireframe - Chapter 2 - encore

Collection:Wireframe - Chapter 3 - guess the app

Collection:Retro - favoured apps

Collection:Glow

Collection:Folder icons

Collection:Folder icons TOH

Collection:Folder icons - more categories

Collection:Folder icons - wireframe

Collection:Folder icons - pastel

Comments

Nice working with the icons :) They are really well done

Mariusmssj ( 2014-04-19 00:07:33 +0300 )

The wireframe icons are simply fantastic. Thanks!

oitos ( 2014-05-19 01:38:18 +0300 )
2

Great care and system backup is advised to anyone who fiddles with the icons! After installing a theme that includes new icons, and then removing it, the whole OS was devoid of system icons! I had a lot of trouble getting them back, system wipe included! Be careful!

bennypr0fane ( 2014-06-22 22:59:20 +0300 )

Great icons! I love the wire frame ones. Now need to drop them into my Jolla as the default are bad to not say ugly.

difrost ( 2014-07-17 14:14:24 +0300 )

can you add the "Docs Scanner" Jolla style icon?

TMavica ( 2014-07-18 05:21:34 +0300 )
see more comments

30 Answers

Sort by » oldest newest most voted
41

answered 2014-05-04 19:36:57 +0300

Moth gravatar image

updated 2014-06-22 10:39:32 +0300

Icons in wire-frame-design.

Chapter 1: Core apps

core-apps-wf

Download ZIP-File

Unlike enough? :-D


Minor update: Added accounts-icon to archive. Stock icon is looking like an alien in /settings/backups if you use wf-icon-theme for all core apps. ;-)

link

Comments

Unlike enough? Yes. The maps one is fantastic. The one for people was really good too.

vattuvarg ( 2014-05-04 20:00:05 +0300 )

Very nice!

rannari ( 2014-05-05 21:50:08 +0300 )

Hi, Thanks for these epic icons... !!

Would love to see More icons or maybe a whole Theme (ambiance).. i know it,s alot of work so Thanks again for these icons

Kind Regards..

JimmyNeutron ( 2014-05-07 02:46:11 +0300 )
1

Yes, these are really great and the idea of an associated Ambiance is great as well especially if they were able to change colour according to the ambiance selected.

All we now need is to have the whole lot packaged up in an installer.

Have you thought about doing a 3D version of these?

bmwebb ( 2014-05-08 03:39:18 +0300 )
1

Maybe is Black and White ambience by @Markkyboy something for you?

Moth ( 2014-05-08 08:23:38 +0300 )
see more comments
34

answered 2014-03-30 21:37:32 +0300

Moth gravatar image

I'm working on a new icon-set for a while now and i think it's time for some comments...!? This is only a draft, it's really not perfect and your suggestions and ideas are welcome. :)

Preview

link

Comments

2

Nice icons. I would like to see more descriptive icon for Documents app. IMHO the current pie chart icon is a bit too abstract (but that's just my opinion). It's good that Settings icon is kept yellowish, easier to adapt. Calendar has quite limited contrast from the background, I'd consider fine-tuning it a bit. People unfamiliar to camera shutter technology might find that camera icon a bit strange to them, problem or not, don't know.

hzb ( 2014-03-30 21:55:03 +0300 )
3

I am not good with art in general, here is my thoughts, I like the uniformity that the yellowish background brings, e.g. for jolla apps, but it might restrict the area of the icon. The browser icon might be confused with the navigation app. The calendar app is a bit abstract, otoh the notes icon has too much detail? I would prefer the terminal colour darker or black. For the navigation icon, i would prefer a map rather the square rectangles, the documents app is a file viewer. Nice work tho

pmelas ( 2014-03-30 22:36:24 +0300 )

LOVE 'EM! creamy tone of borders is particularly nice, maybe a bit less red, more sandy

bennypr0fane ( 2014-06-22 22:56:10 +0300 )

@Moth it's really great too! maybe you good make thinking on icon type adapted to the ambience. then the os could update the icons depening on the choosen ambience. that could be a great idea.

cemoi71 ( 2015-01-31 11:17:16 +0300 )

@Moth it's really great too! maybe you good make thinking on icon type adapted to the ambience. then the os could update the icons depening on the choosen ambience. that could be a great idea.

cemoi71 ( 2015-01-31 11:17:21 +0300 )
add a comment
21

answered 2014-06-11 19:38:12 +0300

Moth gravatar image

updated 2014-06-11 19:40:01 +0300

How about some new folder-icons? Suggestions are welcome! :)

Path is: /usr/share/themes/jolla-ambient/meegotouch/icons

You can't simply add them (hardcoded?) - you have to replace some of the 16 preinstalled icons atm (backup!)

folder-icons

Download ZIP-File

link

Comments

1

very cool! and they still use the sailfish shapes...

mgbler ( 2014-06-11 23:27:40 +0300 )

@mgbler thank you, i think it's crucial to do it the unlike way, though sometime it seems to be easier to break the rules...

But, as always, the most exhausting path is - to let it look elementary! :-]

Moth ( 2014-06-12 00:20:38 +0300 )

These are ...beautiful! More please :)

Gaudi ( 2014-06-12 21:13:22 +0300 )
1

Some that I would use but would surely be helpful to many other people could be "Social" (quite self explanatory), "Photography" (Instagram, various filter/effect editors, cameraplus etc.), "Travel" (for maps, public trasportation planners, compass, etc.), and maybe "System" (which in my use is slightly different from "tools", where I put calculator, timer, qr code scanner, translator and stuff like that while in "System" I put Jolla store, file browsers, terminal, battery monitor, top-like apps, etc.)

Sorry, but I can't also come up with ideas on how to make those at the moment :P

Orologiaio ( 2014-06-13 04:20:01 +0300 )
1

@Orologiaio Sounds like a plan. While you are waiting - here is 'one more thing'... ;-)

Moth ( 2014-06-13 20:33:14 +0300 )
see more comments
19

answered 2014-04-15 02:20:14 +0300

Moth gravatar image

updated 2014-04-18 20:42:02 +0300

Sometime i have a crack at something unlike... ;)

tweetian a tweetian b

link

Comments

1

@Moth - That was a really nice one. Could it be modified to echo the original dark tweetian logo, to differentiate it from an official Twitter client?

vattuvarg ( 2014-04-15 10:53:51 +0300 )

@vattuvarg - thank you, it should be possible to modify it if we're talking about color-picking only, but i would need the authors permission to use the original artwork - i don't know if it's published under free license... :/

Moth ( 2014-04-15 19:13:45 +0300 )

awesome! i like the birds shape being integrated in the icons one. however i'd remove the inner shadow to make it look more like the default icons... (also i wouldn't use the backgrounds blue as gradient color for the bird) ... hope i find some time to make a rip-off :-p

mgbler ( 2014-05-28 09:52:50 +0300 )
add a comment
17

answered 2014-05-01 19:34:25 +0300

Moth gravatar image

Ok, let's talk about wireframe-design for icons. What do you think? :-)

wireframe-preview

link

Comments

Not bad at all!

nthn ( 2014-05-01 20:34:19 +0300 )

Real Nice... i like it !!!

JimmyNeutron ( 2014-05-01 21:29:46 +0300 )

Now these are very nice...

bmwebb ( 2014-05-02 09:34:24 +0300 )

Could you zip these three too? I installed the wireframe and they look good. Thanks!

rannari ( 2014-05-05 21:51:23 +0300 )

@rannari Sure, they will be part of 'chapter 2'. Stay tuned. :-)

Moth ( 2014-05-05 22:02:56 +0300 )
add a comment
15

answered 2014-03-21 01:15:21 +0300

Moth gravatar image

updated 2014-03-21 01:38:30 +0300

This is a reworked example of the icon for the nice native app "Screenshot" just to show how precise an icon-shape can be now, knowing that the Dev is struggeling a bit with this... ;)

harbour-screenshot.png

link
add a comment
15

answered 2014-05-10 09:44:18 +0300

Moth gravatar image

updated 2014-05-11 12:26:38 +0300

Icons in wire-frame-design.

Chapter 2: Encore

Download ZIP-File

app icons

chat Download

link

Comments

I would love to have that chat icon for a xmpp multiuser chat client (muchacho might be a good name for it). The icon is clean and fun. Would it be hard to make a colour version?

Could the feed icon be done with a bent zigzag starting at the center of the small circle? Adding the four quartercircles to the set of graphics primitives for icons only makes the set more flexible... Here it would make the feed icon more beautiful, imho.

vattuvarg ( 2014-05-10 18:34:08 +0300 )

@vattuvarg a) You're welcome. Color should be easy. Any suggestions?

b) Did some variations during the last days. Find another one above. Better? :-)

Moth ( 2014-05-11 01:38:55 +0300 )

@Moth

Yellow with a blush. Like someone aroused or intoxicated. ...or both... :)

The problem with the feed icons is that the circular lines are everything but concentric. The circle in the bottom right corner seems to poke the lines from below and the upper left seems inflated somehow. That is why i suggested using an out-of-standard quartercircle as the base shape. Of those two the first one (the one without the "pointy nose") is better.

vattuvarg ( 2014-05-11 02:45:07 +0300 )

Ok, i'm going back to work now... ;-)

Moth ( 2014-05-11 12:33:47 +0300 )
1

@Moth

Have a look at the comments for orienteering compass. Your wireframe compass icon is better...

vattuvarg ( 2014-05-11 12:40:26 +0300 )
see more comments
13

answered 2014-03-31 23:04:39 +0300

Moth gravatar image

Thank you for your helpful comments. I have updated some of the icons, but not all... ;)

Here we go, get the complete set with this link:

jolla-icon-set

Please be careful when you replace the originals. Better make a backup before! I'm not responsible if something goes wrong...

jolla-icon-set

link

Comments

Thank you very much. Really nice icons. Maybe you can do more icons like this. I have some suggestion like Warehouse, MeeCast, SailfisReboot, Webcat, Mitakuuluu and much more. Thanks again

predator ( 2014-04-21 20:33:36 +0300 )

Thank you. Be assured that i'll keep an eye on this... ;)

Moth ( 2014-04-22 02:31:34 +0300 )

Overall these look great, I have to agree on the confusion between the browser & nav icons. The browser icon looks like the HERE icon which is where the confusion would start. I think the Nav icon should have the position marker as completely Red then it could be seen as what is generally accepted now. Dunno what I would do for the browser icon though, but I feel it does need a rework.

bmwebb ( 2014-05-02 09:33:03 +0300 )

still think the borders could use less red

bennypr0fane ( 2014-06-22 22:57:14 +0300 )
add a comment
11

answered 2014-04-18 20:45:04 +0300

Moth gravatar image

FBReader

FBReader

link

Comments

1

Nice! When does FBreader coming though? Does someone know?

Macilaci457 ( 2014-05-10 13:03:46 +0300 )

OpenRepos:FBreader There's no more info afaik. :/

Moth ( 2014-05-11 01:58:49 +0300 )

It's a shame though. The app is in alpha state but is quite usable. I use it very often to read some fan-fiction ebooks on the Jolla.

Venty ( 2014-08-13 11:59:20 +0300 )
add a comment
10

answered 2014-04-26 12:59:23 +0300

Moth gravatar image

Here are some icons for rather general purpose. Have fun. :)

Download ZIP-File

icon-set-gen

link

Comments

@Moth any plans to make app icons with a design style similar to jolla buttons icons. i mean colourless, two shaded wire form.. like those icons for toggling wifi, GPS etc on the settings page.

User ( 2014-04-26 16:45:21 +0300 )
1

@Anz I'm thinking about this, yes definitely. If i only had the time.

Moth ( 2014-04-26 17:10:05 +0300 )

@Moth Thanks man

predator ( 2014-04-26 21:57:49 +0300 )
add a comment
Login/Signup to Answer

Question tools

Follow
55 followers

Stats

Asked: 2014-03-18 02:25:49 +0300

Seen: 18,874 times

Last updated: May 30 '16