Home

Awesome

Emoji-CC <img src="/svg/stuckOutTongue.svg" data-canonical-src="/svg/stuckOutTongue.svg" width="38" height="38" /><img src="/svg/stuckOutTongueClosedEyes.svg" data-canonical-src="/svg/stuckOutTongueClosedEyes.svg" width="38" height="38" /><img src="/svg/stuckOutTongueWinkingEye.svg" data-canonical-src="/svg/stuckOutTongueWinkingEye.svg" width="38" height="38" />

Emoji Creative Commons is a fork of the last fully free EmojiOne™ 2.x version.

Installation

Install with npm.

npm install emoji-cc --save

NPM Stats

Usage

Selective import and lazy loading are ideal, total size for all emoji is around 3Mb, making it less than ideal to include something like emoji.css in a client bundle.

HTML

Copy ./svg into the /public directory.

<html>
  <head></head>
  <body>
    <img src="/public/svg/coffee.svg" />
  </body>
</html>

HTML + CSS, single

Copy ./css/coffee.css into the /public/css/coffee.css directory of your project.

<html>
  <head>
    <link rel="stylesheet" href="/public/css/coffee.css" />
  </head>
  <body>
    <div class="emoji-coffee">
      Hello World
    </div>
  </body>
</html>

HTML + CSS, all

Copy ./emoji.css into the /public/css directory of your project.

<html>
  <head>
    <link rel="stylesheet" href="/public/emoji.css" />
  </head>
  <body>
    <div class="emoji-coffee">
      Hello World
    </div>
  </body>
</html>

React, svg import

import React, { Component } from 'react';
import coffee from 'emoji-cc/svg/coffee.svg';

class example extends Component {
  render() {
    return (
      <main>
        {coffee}
      </main>
    )
  }
}

React, inline style

import React, { Component } from 'react';
import coffee from 'emoji-cc/style/coffee.js';

class example extends Component {
  render() {
    return (
      <main>
        <div style={coffee} />
        
        <div style={{ border: '1px solid black', ...coffee}} />
      <main>
    )
  }
}

Why only SVG?

All major browsers and devices support SVG. Scalable vector graphics (SVG) is a description for a path and not the rendered path itself, this means scaling up or down to your devices viewport can happen without loss of quality or fidelity.

SVG is only format supported by this repository.

History

EmojiTwo is a fork of the last fully free EmojiOne™ 2.x version. The non-free EmojiOne 3.0 assets have been completely deleted. The EmojiOne project made changes to 2.2.7’s licensing. Previously EmojiOne did not require attribution for non-commercial and personal use (for proof see this snapshot of their website). Considering that the EmojiOne project ony changed the ReadMe file in that branch to mandate attribution in any case, EmojiTwo forked a state before those changes for greater flexibility. Whether or not EmojiTwo will see continued development, is not clear. At the very least it serves as backup. Hopefully Free > Software organsizations that adopted EmojiOne 2.x, such as Mozilla and KDE, will continue development of a fully free emoji > set in some form.

License

EmojiOne Artwork

EmojiOne Non-Artwork