codeabinash / emoji-store

A JavaScript library for platform independent Emojis 😍.

Emoji Store

A JavaScript library for platform independent Emojis 😍.

Supports most of the web technologies : React, React-Native Vue, Angular, Preact, Lit, Svelte etc.

Install

npm i emoji-store

Use

import emoji, { Apple160 } from 'emoji-store';

function App() {
  return (
    <div>
      <img src={emoji('❤️‍🔥')} /> {/*Default Apple64*/}
      <img src={emoji('❤️‍🔥', Apple160)} />
    </div>
  );
}

export default App;

import { Emoji, Facebook96 } from 'emoji-store';

const customEmoji = Emoji(Facebook96);

function App() {
  return (
    <div>
      <img src={customEmoji('❤️‍🔥')} />
    </div>
  );
}

Custom Emoji Config

const props = {
  author: 'apple',
  size: 160,
  type: 'png',
};

const customEmoji = Emoji(props);

console.log(customEmoji('🫢'));
console.log(customEmoji('❤️‍🔥'));
console.log(customEmoji('🏄🏻‍♂️'));
console.log(customEmoji('🧑🏻‍💻'));

Supporting Emojis

Platform	Type	Size(px)	Constant
Apple	PNG	64	Apple64
Apple	PNG	160	Apple160
Facebook	PNG	64	Facebook64
Facebook	PNG	96	Facebook96

How it works

It returns the link of the specified emoji that is displayed in the browser.