Vesper-icons NPM

Vesper Icons

Icon font for the web, compatible with Font Awesome version 4.x, made by by Tablecheck

WARNING

Vesper Icons is in a public preview state. Icons may be tweaked or removed without warning, so please be very careful when upgrading even from tiny versions.

Usage

Usage is equivalent to Font Awesome, except with "vs" CSS class as the base:

<i class="vs vs-ninja" />

You can mix Vesper Icons with Font Awesome modifier classes, e.g.:

<i class="vs vs-butterfly fa-3x fa-spin" />

Shameless Plug

Vesper Icons are sponsored by TableCheck, Japan's leading restaurant management app.

If you are a ninja-level Javascript/Ruby coder, designer, project manager, etc. and are eager to work in Tokyo with other ninjas, Japan in a dynamic environment, please get in touch at careers@tablecheck.com.

Icon List

Big thanks to Dan Wolf for making his vesper-gen tool to render the icons.

More Info

Vesper Icons are an original creation. However, some icons may resemble designs found elsewhere on the internets, including variations of icons in Font Awesome. If we've done something daft please raise an issue and we'll discuss in a civil manner.

To Font Awesome: If you'd like to take icons from our set and add them to FontAwesome, we're all for it, please get in touch.

Workflow

I'm glad to accept PRs to automate the below overly-manual steps.

Design

Workflow depends on Type 3 font editor for Windows, which is a paid software program. If anyone knows a good FOSS cross-platform font editor let me know.

Draw vectors in favorite tool (Adobe Illustrator, Corel DRAW, etc.)
Export to SVG
In Type 3 font editor:
- Open .gfs file in Type 3
- View -> Grid -> Grid Size...: Set to 64 units
- Add Glyph(s), import SVG, edit
- Adjust right-hand kerning margin to fit design
- Map Glyph(s) to next available Unicode hex

Release

Prepare Type 3 file:
- Font -> Names... -> Advanced: Bump "Version"
- Font -> Description... -> Advanced: Bump "Version"
- Export to OTF, add to Git
Generate Webfonts via build.bat
- Uses marmot to go FontSquirrel Webfont Generator
- Uses "Basic" and export
- Renames exported files vesper-icons.xxx --> vesper-icons-webfont.xxx
Add new glyph codes to CSS
Update CHANGELOG
Bump version in CSS, package.json, and component.json (use find/replace)
Create release tag (in format "5.1.0") in Github

License

Icon designs are Copyright (c) TableCheck Inc.
The Vesper Icons font is licensed under the SIL OFL 1.1:
- http://scripts.sil.org/OFL
Vesper Icons CSS and other source code files are licensed under the MIT License:
- http://opensource.org/licenses/mit-license.html
The Vesper Icons documentation is licensed under the CC BY 3.0 License:
- http://creativecommons.org/licenses/by/3.0/
Attribution is not required but much appreciated:
- Vesper Icons by TableCheck - https://corp.tablecheck.com
Vesper Icons intends to be license-compatible with Font Awesome. The FontAwesome license is available here: http://fontawesome.io/license