To indicate the fork at the top of second note's flag an ellipse without filling
is used. For the purpose of recognizing the note head and fork symbol as unit I decide to also leave out the filling of the note head making it a half note.
This decision is reflected in the colorization of the elements, too. The colors
are selected in the *fill and stroke* dialog of the object menu explained in the
Before saving the document as [SVG](https://en.wikipedia.org/wiki/SVG), useful
meta data can be added by opening the document settings (`<Ctrl><Shift><D>`) and
selecting the *Meta data* tab. Additionally, the *License* tab allows to
integrate URLs and the license deed and granted rights. Besides saving this file
for further editing, I use the export dialog (`<Ctrl><Shift><E>`) to create a
*Plain SVG* file leaving out Inkscape specific meta data which supports to
decrease the file size.
## Serving diversity
The shapes of the logo are simple and recognizable. Thus, it can be perfectly
used as [favicon](https://en.wikipedia.org/wiki/Favicon) for the website. Though
recent browsers and devices can render SVG files for this resource, it's good
practice to serve other file types. Consequently, the last step is to convert
(and if necessary scale) the SVG file to support older browsers and devices.
I open the SVG file in GIMP and confirm the dialog to render the Scalable Vector
Graphics using default settings. Depending on the target file type and device I [scale](https://docs.gimp.org/en/gimp-image-scale.html) the image and convert it
via the [export dialog](https://docs.gimp.org/en/gimp-export-dialog.html) using
the dimensions (in pixels) and file types shown in the table.
| Dimensions | File type | Additional info |
|------------|-----------|-----------------|
| 512 x 512 | PNG | |
| 192 x 192 | PNG | |
| 180 x 180 | PNG | Apple devices |
| 48 x 48 | ICO | 32 bpp, 8-bit alpha, no palette settings |
| 32 x 32 | PNG | |
| 16 x 16 | PNG | |
You can also use Inkscape on the terminal to create these files:
