xeho91's logo

Logo build with SVG technology.
Firstly it was done in Inkscape graphic editor, then the output (code) was optimized for developing purposes.

Animation was coded with using SMIL, which stands for Synchronized Multimedia Integration Language.

Details

This package contains logo assets resources. Jump to previews.
And also CLI. Jump to the usage example.

Logo

The logo component is made with Svelte. The component files are available in ./source/logo.

CLI

To speed up logo distribution, usage, I wrote CLI which is coded in TypeScript with:

• oclif
• prompts
• Listr

NOTE: For exportting, it uses svgexport temporarily, until feDropShadow is supported by librsvg.
Once the support has arrived, I will migrate to sharp.
svgexport uses puppeteer to opens every SVG file in the browser, in order to save it as PNG, hence why it could be slow.\

Logo previews

A few examples on of how this logo can be generated.

The whole list of available variants is available in:

• SVG files in ./dist/svg
• PNG files in ./dist/png

Default

Animated

Is possible to adjust the animation time, and the character's strokes filling directions.
The paths details are in ./source/logo/paths.js.

Black

White

CLI usage

1. Install the package globally with any Node.JS package manager of your choice. I use pnpm.

   pnpm i -g @xeho91/logo

2. Call the command to print the help with available commands/flags:

   xeho91-logo --help

LICENSE

The code is licensed under MIT.

The logo is licensed under CC BY-SA 4.0.
Link to more information about CC BY-SA 4.0.