Naughty Push Message

    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!

    Install

    npm i svg-emojis

    DownloadsWeekly Downloads

    5

    Version

    0.0.8

    License

    MIT

    Unpacked Size

    57 MB

    Total Files

    12446

    Last publish

    Collaborators

    • mauriciorobayo