Feature #5077

Add scalable SVG icon

Added by Patrik Nilsson about 3 years ago. Updated 7 months ago.

Status:Closed Start date:08/16/2017
Priority:Normal Due date:
Assignee:Patrik Nilsson % Done:

0%

Category:-
Target version:chirp-daily
Chirp Version:daily Model affected:(All models)

Description

The current icon has several issues.

- It does not scale well on high resolution displays
- It's dimensions are not symmetrical often resulting in it being warped to fit in launchers
- It makes it hard to comply with the Freedesktop Icon Theme Specification

Because it's design is so simple it would not take much effort to replace (or complement) it with a SVG icon. Extreme care should be take to preserve the colors and other details.

chirp1.svg - Update and first attempt (13.6 kB) Patrik Nilsson, 08/17/2017 01:43 am

History

Updated by Patrik Nilsson about 3 years ago

I began by importing the original PNG into Inkscape and made a lot of measurements. I used these to determine where each object would be located in relation to each other.

The original image was then used as an overlay in which I filled in the blue part, using a combination of circles and lines. Instead of keeping it all I decided on splitting it in half and using a duplicate for the other end. This way the right and left side of the blue were identical. If this lack of symmetry was intentional, changing it back should not be an issue.

The rest was quite simple. It mostly involved adding all the smaller objects based on the measurements and adding black strokes on the edges.

One thing I am considering is how I handle the text. Currently I use the "Create and edit text objects" tool and the Roboto font. Issues to consider is the license of the font (Apache License 2.0). It may not even be the best match against the original. I have not taken the time to look around for a better one yet. Another way to handle it would of course be filling it in by hand, based on the original, but this will be a bit more work and I am uncertain if it will scale as well.

The new icon is currently 512x512 px, but the picture itself has close to the same aspect ratio as the original PNG. If you stretch the original and make it transparent you will see that everything lines up quite well.

Imgur link if that is preferred:
http://imgur.com/a/TWM69

Updated by Bernhard Hailer 7 months ago

  • Status changed from New to Closed
  • Target version set to chirp-daily

Appears to be complete.
Nice :-)

Also available in: Atom PDF

prevent spam