SVG Anna icon is bigger than others.

q8phantom

Hello there everyone, I'm trying to do an an SVG icon for the new anna, and I'm using the Nokia E6.

However, everytime, I download the application on my phone, the icon appears and everything but it's larger than other icons,

I have added a free space around the icons, but that never helps, and I can see that it's taking out the free space.

I'm using Inkscape and this http://depot.javispedro.com/nit/hicg/

This is a screen shot.

!http://img703.imageshack.us/img703/233/scr000001ex.jpg(screenShot)!

Thank you
Ahmed

stukdev

It's a very Qt question, however, a link to this svg icon?

kkrzewniak

Try rebooting the device, AFAIK symbian caches icons so it might still be using an older version of your icon.

q8phantom

I'm sorry if that's not the right place for posting, but yes I tried rebooting the device and still the same issue.

I always do convert the icon to SVG tinny using the Nokia tool.

kkrzewniak

Sorry I have no other ideas, have you tried "developer nokia":http://www.developer.nokia.com/ , this is not a Qt specific issue as the icon has more to do with the app package than the app itself.

q8phantom

Thank you, and sorry for posting in the wrong place ;)

kkrzewniak

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

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

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

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

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

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

Matze5590

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

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

MichK

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

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

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

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

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

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