Namespace Pollution Mechanism

    @3yourmind/yoco
    TypeScript icon, indicating that this package has built-in type declarations

    2.4.1 • Public • Published

    Yoco Icon

    In-house-designed icons for kotti design system.

    👓 Check the Icons

    Installation

    Using yarn

    yarn add @3yourmind/yoco

    Using npm

    npm install --save @3yourmind/yoco

    Add Yoco Icon to your project

    With module bundler

    @import '~@3yourmind/yoco'; // might need a sass importer like @3yourmind/sass-node-modules-importer
    // enum of icons and the associated ligature / svg name
    import { Yoco } from '@3yourmind/yoco'
    
    console.log(Yoco.Icon.ANNOUNCE)
    // 'announce'

    With HTML

    <link rel="stylesheet" href="./path/to/yoco/styles.css" />

    Using yoco icons

    Yoco uses ligatures, which allows rendering the icon glyph by simply using its name with the yoco font.

    <i class="yoco">cloud</i>
    
    <!-- or, use .svg -->
    
    <img src="./path/to/yoco/svg/cloud.svg" />

    How to Build and Generate Yoco Font

    yarn --cwd packages/yoco run build
    # or
    yarn run build

    Keywords

    Install

    npm i @3yourmind/yoco

    DownloadsWeekly Downloads

    127

    Version

    2.4.1

    License

    MIT

    Unpacked Size

    216 kB

    Total Files

    146

    Last publish

    Collaborators

    • moritzvetter
    • felix_bauer
    • dennis_hezel
    • 3yd_developer
    • cso_
    • juliogt
    • florianwendelborn
    • florentgallois
    • santiagoballadares