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.
This package contains logo assets resources. Jump to previews.
And also CLI. Jump to the usage example.
The logo component is made with Svelte. The component files are available in ./source/logo.
To speed up logo distribution, usage, I wrote CLI which is coded in TypeScript with:
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.\
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
Is possible to adjust the animation time, and the character's strokes
filling directions.
The paths details are in ./source/logo/paths.js.
-
Install the package globally with any Node.JS package manager of your choice. I use pnpm.
pnpm i -g @xeho91/logo
-
Call the command to print the help with available commands/flags:
xeho91-logo --help
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.