The DokuWiki logo files

This is a modern redesign of the classic DokuWiki logo originally created by Esther Brunner.

The goal was to modernise the logo while keeping the original spirit and recognisability. The new design features a cleaner, more contemporary look with simplified shapes and a more vibrant colour palette.

Making it work well at small sizes was a key consideration, ensuring that the logo remains clear and legible across various applications. The detail that identifies the logo most universally is the page with the two "dancing" pencils at their unique angle and relation to each other, and that is preserved at all sizes and abstractions.

The repository contains a build script that generates the logo in multiple formats and sizes based on a configuration file that governs the level of detail for each size. The resulting files are checked into the repository and are shown and linked below.

Universal SVG

This is the file you most likely want to use. It is a single SVG file that contains the entire drawing along with a stylesheet that adjusts the level of detail based on the size of the rendering. This means that the same file can be used for different sizes, making it versatile and efficient for web use.

Size-specific SVGs

These files are generated for each level of detail, and they contain only the necessary elements for that specific size. These are useful for contexts outside a browser, where styles may not be applied.

The files are drawn here at 128px, but each is intended for the sizes it serves.

Size-specific PNGs

PNG versions of the logo at different sizes, using the appropriate level of detail for each size. Use them where SVG is not supported or where a raster image is preferred.

Favicon

The classic icon format. It holds the 16, 32 and 48px drawings together.

Apple touch icon

The icon iOS uses when someone saves a page to the home screen. It is 180px wide on a white opaque tile with enough margin to fit the squircle applied by iOS.

Icon SVGs

The icon is an even more simplified version of the logo, inspired by the Material Design system icons, for the places a logo does not belong: a toolbar button or a menu entry. It can easily be coloured by CSS and comes in two styles: outlined and filled.

Line art SVG

The logo in one colour, for printing or t-shirt designs. Can be colored by CSS. Should only be used for larger sizes, as it is not optimised for small sizes.