@3yourmind/yoco

Yoco Icon

In house designed icons for kotti design system.

Get yoco

Using npm

$ npm install @3yourmind/yoco

Using yarn

$ yarn add @3yourmind/yoco

Add Yoco Icon to your project

With module bundler

@import "@3yourmind/yoco";

With HTML

<!-- Add yoco.css to your project -->
<link rel="stylesheet" href="./path/to/yoco-icon.css">

Using yoco icons

Yoco use ligatures feature, which allows rendering of an icon glyph simply by using its textual name.

<!-- cloud is icon's textual name -->
<i class="yoco">cloud</i>

Icon Preview

Yoco Icon tools

Generate font file

We use icomoon to generate font files. You can import icomoon/yoco-icon.json on icomoon website to generate new fonts. We apply follwing font metrics.

Type	Metrics
Square Height	1024
Baseline Height	24
Whitespace Width	24

Build

Gulp will copy fonts to dist/fonts folder and minify css files then copy to dist directory.

yarn gulp build

Publish to gh-pages

yarn gh-pages