Feature #5077


Add scalable SVG icon

Added by Patrik Nilsson over 6 years ago. Updated almost 4 years ago.

Target version:
Start date:
Due date:
% Done:


Estimated time:
Chirp Version:
Model affected:
(All models)
I read the instructions above:


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 (13.6 KB) chirp1.svg Update and first attempt Patrik Nilsson, 08/17/2017 01:43 AM
Actions #1

Updated by Patrik Nilsson over 6 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:

Actions #2

Updated by Bernhard Hailer almost 4 years ago

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

Appears to be complete.
Nice :-)


Also available in: Atom PDF