svg-emojis

0.0.8 • Public • Published

SVG Emojis

Choose your flavor of consistent cross-platform SVG emojis from Twemoji, FxEmoji, and OpenMoji.

Demo

https://svg-emojis.netlify.app

Netlify Status

Install

npm i svg-emojis

Usage

You can use babel-plugin-inline-react-svg or @svgr/webpack to import them as a React component:

import ThumbsUp from "svg-emojis/twemoji/1f44d.svg";

function App() {
  return (
    <div>
      <ThumbsUp />
    </div>
  );
}

Create React App

👉 Adding Images, Fonts, and Files

Import as URL:

import React from "react";
import thumbsUp from "svg-emojis/twemoji/1f44d.svg";

function Header() {
  return <img src={thumbsUp} alt="" />;
}

export default Header;

Import as a ReactComponent:

import { ReactComponent as ThumbsUp } from "svg-emojis/twemoji/1f44d.svg";

function App() {
  return (
    <div>
      <ThumbsUp />
    </div>
  );
}

Nextjs

👉 SVG components example using babel-plugin-inline-react-svg.

CDN

Files can be delivered through jsdelivr (or unpkg):

Contributions

All contributions are welcome!

Package Sidebar

Install

npm i svg-emojis

Weekly Downloads

8

Version

0.0.8

License

MIT

Unpacked Size

57 MB

Total Files

12446

Last publish

Collaborators

  • mauriciorobayo