Scalable Vector Graphics in S60

From Nokia Developer Wiki
Jump to: navigation, search
Article Metadata
Created: gafgafgaf (08 May 2007)
Last edited: hamishwillee (06 May 2013)

SVG stands for Scalable Vector Graphics. It is an XML based language to describe vector based scalable images. S60 3rd Edition phones support SVG-T 1.1 standard with proprietary extensions. SVG-T is a subset of the full SVG specification.



SVG support was introduced to make life easier when targetting applications to devices with different screen resolution. (E.g. a scaled SVG icon looks more professional than a stretched bitmap.) Most common use cases of SVG graphics:

  • Icons in application shell
  • Icons in AVKON components (listboxes, notes, etc.)
  • Themes

SVG image creation tools

There are several free tools available, including:


  • Quite easy to use
  • Can save to SVG format only, so conversion is needed with SVG to SVG-T Tool
  • InkScape


  • General purpose graphics editor that supports SVG too
  • Can save to SVG format only, so conversion is needed with SVG to SVG-T Tool
  • Gimp

SVG to SVG-T Tool

Part of S60 3rd Edition SDK. Its user interface looks dramatic, but it works fine. It is able to convert SVG icons to SVG-T format.


  • There are some tags supported by S60 SVG-T rendering engine that are not part of SVG-T specifications, but have equivalent tags in SVG specification. The tool takes care of those tags too.
  • There is no public material available about the capabilities of the S60 SVG-T rendering engine, so it is highly recommended to do some experimenting before creating complex SVG icons


  • Lots of S60 3rd Edition phones don't support compressed (binary-encoded) SVG images. If you experience, that your icon appears correctly in your emulator, but nothing is rendered on the phone, you can guess, that the icon was compressed. You can avoid compressing icons with adding -X switch when using mifconv tool. See article: Archived:Compatibility problem with binary-encoded SVG images (Known Issue)


This page was last modified on 6 May 2013, at 09:15.
32 page views in the last 30 days.

Was this page helpful?

Your feedback about this content is important. Let us know what you think.


Thank you!

We appreciate your feedback.