Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@svgmoji/blob

svgmoji176.4kMIT3.2.0TypeScript support: included

The svgmoji sprites for the blobmoji library.

emoji, svg, icons, google, blobmoji, gmail

readme

@svgmoji/blob

The svgmoji sprites for the blobmoji library.


Version Weekly Downloads Bundled size Typed Codebase MIT License


Installation

# yarn
yarn add @svgmoji/blob

# pnpm
pnpm add @svgmoji/blob

# npm
npm install @svgmoji/blob

Usage

The following code creates an image with a src applied from the cdn. The first it is used it loads the sprite of all the emojis.

import { Blobmoji } from '@svgmoji/blob';
import data from 'svgmoji/emoji.json';

const blobmoji = new Blobmoji({ data, type: 'all' });
const image = document.createElement('img');
image.src = blobmoji.url('❤️');

document.body.append(image);

html


thumbs up   grinning   red heart   face with tears of joy   grinning face with sweat   pleading face   pile of poo   loudly crying face   smiling face with sunglasses   face screaming in fear

<!-- Individual -->
<img
  width="40px"
  height="40px"
  src="https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/svg/1F44D.svg"
  alt="thumbs up"
  title="thumbs up"
/>

<!-- Subgroup Bundle 36KB  -->
<img
  width="40px"
  height="40px"
  src="https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/sprites/subgroups/face-affection.svg#1F385"
/>

<!-- Group Bundle 421KB -->
<img
  width="40px"
  height="40px"
  src="https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/sprites/group/smileys-emotion.svg#1F441-FE0F-200D-1F5E8-FE0F"
/>

<!-- Full Bundle 13.2MB -->
<img
  width="40px"
  height="40px"
  src="https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/sprites/all.svg#1F441-FE0F-200D-1F5E8-FE0F"
/>

changelog

@svgmoji/blob

3.2.0

2021-06-15

Minor Changes

  • e35c9b48: Add .json files to the exports. This fixes the webpack issue raised in #12.

Patch Changes

  • 71bb8f85: Regenerate exported .svg and .json files with latest version of SVGO.
  • Updated dependencies [71bb8f85]

3.1.0

2021-02-15

Minor Changes

  • 75b361fc: Update svg files to latest versions and fix some issues with missing files. Also fix missing emoji for openmoji.
  • 088f5d3e: Make @svgmoji/core a direct dependency for all icon packages.

Patch Changes

3.0.0

2021-01-19

Major Changes

  • d91dfe0e: Remove svg assets from npm distribution. This will reduce install times. The default cdn will also be moved to GitHub.

    The exception is with the noto package which still includes the /sprites/all.svg asset since it is greater than 20MB and not supported via via the JSDeliver GitHub CDN.

Patch Changes

2.0.0

2021-01-17

Patch Changes

  • Updated dependencies [9599f2dd]
  • Updated dependencies [192504eb]
  • Updated dependencies [192504eb]

1.0.0

2021-01-16

Minor Changes

  • ca58f626: - Upgrade sha for @svgmoji/openmoji to include recently added emoji.
    • Improve optimizations for generated SVG's in @svgmoji/noto and @svgmoji/blob.
    • Add missing flag emojis to both @svgmoji/noto and @svgmoji/blob.
    • Add json entry points for both missing.json and extra.json.
      • missing.json is a list of hexcodes from Emoji version 13 which are missing from the emoji set.
      • extra.json outlines all the non-standard emoji within this emoji set.
    • Add a new group, and subgroup called other which includes the set of all emoji without a group / subgroup.
  • 67a34b4f: - Make @svgmoji/core a peer dependency.
    • Improve type inference by setting the name to a const for Blobmoji, Notomoji, Twemoji and Openmoji

Patch Changes

0.2.0

2021-01-16

Minor Changes

  • ff19a3c4: Improve npm package documentation and fix broken subgroup build.

Patch Changes

0.1.0

2021-01-15

Minor Changes

  • aa3e427: Create the initial launch of the svgmoji project packages. Improvements will be added as it is used within the remirror codebase.

Patch Changes