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

edit retag flag offensive close delete

Comments

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

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

The wireframe icons are simply fantastic. Thanks!

oitos ( 2014-05-19 01:38:18 +0300 )edit
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 )edit

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 )edit

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

TMavica ( 2014-07-18 05:21:34 +0300 )edit

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. ;-)

edit flag offensive delete publish link more

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 )edit

Very nice!

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

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 )edit
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 )edit
1

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

Moth ( 2014-05-08 08:23:38 +0300 )edit
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

edit flag offensive delete publish link more

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 )edit
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 )edit

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

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

@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 )edit

@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 )edit
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

edit flag offensive delete publish link more

Comments

1

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

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

@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 )edit

These are ...beautiful! More please :)

Gaudi ( 2014-06-12 21:13:22 +0300 )edit
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 )edit
1

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

Moth ( 2014-06-13 20:33:14 +0300 )edit
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

edit flag offensive delete publish link more

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 )edit

@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 )edit

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 )edit
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

edit flag offensive delete publish link more

Comments

Not bad at all!

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

Real Nice... i like it !!!

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

Now these are very nice...

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

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

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

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

Moth ( 2014-05-05 22:02:56 +0300 )edit
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

edit flag offensive delete publish link more
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

edit flag offensive delete publish link more

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 )edit

@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 )edit

@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 )edit

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

Moth ( 2014-05-11 12:33:47 +0300 )edit
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 )edit
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

edit flag offensive delete publish link more

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 )edit

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

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

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 )edit

still think the borders could use less red

bennypr0fane ( 2014-06-22 22:57:14 +0300 )edit
11

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

Moth gravatar image

FBReader

FBReader

edit flag offensive delete publish link more

Comments

1

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

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

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

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

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 )edit
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

edit flag offensive delete publish link more

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 )edit
1

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

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

@Moth Thanks man

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

Question tools

Follow
55 followers

Stats

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

Seen: 18,115 times

Last updated: May 30 '16