Summary

This logo was created for the Tram-One Project, it was designed by Daniel Jurman.

Usage

Site

You can view and download any version of the assets by going to https://tram-one.io/tram-logo

Unpkg

You can use any of the assets in your projects by directly referencing the assets from unpkg.com.

<img src="https://unpkg.com/@tram-one/tram-logo@5" width="128" />

By default unpkg.com will redirect you to the Tram-One svg. You can also point to any other SVG or PNG, see here for different assets available.

<img src="https://unpkg.com/@tram-one/tram-logo@5/dist/color_512.png" />

npm

You can install the package from npm to also have the assets locally.

npm i @tram-one/tram-logo

From there, you can reference any asset in your node_modules.

<img src="./node_modules/@tram-one/tram-logo/dist/color_512.png" />

Variants

There are several variants, which change the styling of the logo. The CSS for creating these are available in the variants/ folder, and are included in all of the above downloading methods.

The URL for all of these will be something like: color.svg, color_64.png, color_128.png,color_512.png. You can see all of the assets on the Tram Logo site

| Version | URL | Preview | | -------- | --------------- | -------------------------------- | | Original | /dist/color_* | | | Neon | /dist/neon_* | | | Black | /dist/black_* | | | Lite | /dist/lite_* | |

Development

To run the project, simply run:

npm start

To download all assets, run the following in the dev console:

downloadAllImages();

This will go through each variant and size, and download every png and svg. You can then move these assets to the dist folder.