SVG Anna icon is bigger than others.

kkrzewniak · wrote on 15 Jul 2011, 15:14

I don't think it's a wrong place for such posts, and would strongly recommend you post a solution if you do find one.

q8phantom · wrote on 15 Jul 2011, 15:50

Yeah Sure I'll do, cause Anna is coming soon for all the devices and I think that's important for every Nokia developer. If you didn't see any solution post for me a question regarding if I find one better though I'll try to not forget ;p.

qtrahul · wrote on 15 Jul 2011, 17:18

This the : "SVG icon guidelines for Symbian Anna":http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-symbian/nokia-surround-icons.html

Best regards,

q8phantom · wrote on 16 Jul 2011, 16:23

I think it should be done under Illustrator, Inkscape isn't sufficient so I'm going to try it soon, and get back with the results.

q8phantom · wrote on 16 Jul 2011, 18:18

Hello there everyone,

Finally, find the easier solution.

First you have to use Adobe Illustrator and follow the steps on the Nokia site posted by qtrahul.

But there's some things to keep in mind that I've faced during this :

The tool that converts from SVG to SVG tiny on Nokia site isn't working for me + It's paid and there's a free tool which is called SVG Converter here is the screen shot, sorry I coudn't find the link for it, it seems broken, if someone can't find a link for it, let me know.

!http://1.bp.blogspot.com/-2v58z-ETz4U/TfexsT1C34I/AAAAAAAAAR4/ny0f0CFphG4/s1600/Nokia_svg_converter.JPG(ScreenShot)!

If you want to put a png over the template, don't forget to resize it, otherwise the svg size is going to be huge and it will make your phone lags.

That's all about it, and thank you for the help. Thank you qtrahul for the link.

Eddy · wrote on 16 Jul 2011, 19:20

http://www.brothersoft.com/svg-import-export-converter-43134.html

Matze5590 · wrote on 13 Sept 2011, 12:49

Hi all,
i had the same problem and found another solution. (because i don't have Adobe Illustrator)
you just need inkscape.

i used a transparent square 96x96px and it worked fine!
i think this is maybe not the way it should be, but it works!

maybe "this":http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-symbian/symbian-iconography-guidelines/launcher-icons/icon-canvas.html helps you go on with your icon.

q8phantom · wrote on 13 Sept 2011, 12:55

Thank you for your post :) This definitely will help others.

MichK · wrote on 14 Sept 2011, 06:39

I found that when creating icons with Inkscape then my icons are stretched on the Symbian^3 devices. After investigating issue a little I found that I have to change a line in SVG file.
From this:
@
<svg width="80" version="1.1" height="80" baseProfile="tiny" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg2">
@
To this:
@
<svg width="80" version="1.1" height="80" baseProfile="tiny" xmlns:xlink="http://www.w3.org/1999/xlink" id="svg2" viewBox="0 0 80 80">
@

Alicemirror · wrote on 14 Sept 2011, 07:02

Hi,

just a note: why do you tell that Inkscape is not sufficient creating correct Icons? I am using only it and them are creating withour great problems of the desired sizes.

srikanth_trulyit · wrote on 16 Sept 2011, 12:28

Exact info about Nokia Surround Icon canvas can be found "here":http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-symbian/symbian-iconography-guidelines/launcher-icons/icon-canvas.html

More on launcher icons can be found "here":http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-symbian/symbian-iconography-guidelines/launcher-icons.html

Alicemirror · wrote on 16 Sept 2011, 12:45

Nice advice! Are not valide the same specifications to build the icons in Harmattan? Proportions seems the same. I had no idea that there was the graphic specs for Anna too.

srikanth_trulyit · wrote on 19 Sept 2011, 06:42

Nokia is kind enough to provide iconography for "Meego Harmattan":http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/designing-for-meego-12-harmattan/meego-12-harmattan-iconography-guidelines.html also.

"Here":http://www.developer.nokia.com/Resources/Library/Design_and_UX/designing-for-nokia-platforms/iconography-style-summary.html is quick glance at all S40, Symbian, Harmattan iconography.

Alicemirror · wrote on 19 Sept 2011, 06:44

Many thanks. I have used extensively the Meego Harmattan specifications but not yet checked the others. Good link, than kyou.