Home > iphone > How to create custom icons for iElegance

How to create custom icons for iElegance

September 19th, 2009 Leave a comment Go to comments
Before and After

Before and After

iEleganceĀ  is my favorite iPhone theme, it already includes icons for many apps, but not for all, and specially not for local ones (like country specific newspaper).
Therefore I have created an Inkscape template to create my owns.
The template can be downloaded from this file: iElegance-icon-template.svg
And this are the instructions:

  1. Access your iPhone via ssh (I’m assuming you already know how to do that)
  2. Find your desired icon (or get your own image from wherever you want)
  3. If the file is not readable by Inkscape use the icon normalizer as described here
  4. Open the template file with Inkscape
  5. Import the icon into Inkscape.
  6. Make a copy of the icon and rotate it 180°
  7. Use the green rectangles to crop the icons by placing the rectangles in top of them, selecting the two desired objects, and then from the menu: Object>Clip>Apply
  8. Give transparency to the reflection one.
  9. Move the new clipped icons to the corresponding places.
  10. Export Bitmap Page Layout and give it the same name than the app has but with the .png extension instead of .app.
  11. Copy the new created icon to the folder /Library/Themes/iElegance.theme/Icons (or PRO.theme if you have the PRO version) inside your iPhone
  12. Respring in order to view the new icons.
SocialTwist Tell-a-Friend
Categories: iphone Tags: ,
  1. oblib
    May 5th, 2010 at 04:34 | #1

    Thanks for sharing such a usefull template :D
    Unfortunatly when I open the iElegance-icon-template.svg it show me a “linked image not found” near the green rectangles :( … Do I miss something ?

  2. May 5th, 2010 at 12:03 | #2

    Ooops, Seems like my file is broken…. let me se I find a backup

  1. September 21st, 2009 at 22:22 | #1