@svgmoji/blob

> The svgmoji sprites for the blobmoji library.

[![Version][version]][npm] [![Weekly Downloads][downloads-badge]][npm] [![Bundled size][size-badge]][size] [![Typed Codebase][typescript]](./src/index.ts) ![MIT License][license]

[version]: https://flat.badgen.net/npm/v/@svgmoji/blob
[npm]: https://npmjs.com/package/@svgmoji/blob
[license]: https://flat.badgen.net/badge/license/MIT/purple
[size]: https://bundlephobia.com/result?p=@svgmoji/blob
[size-badge]: https://flat.badgen.net/bundlephobia/minzip/@svgmoji/blob
[typescript]: https://flat.badgen.net/badge/icon/TypeScript?icon=typescript&label
[downloads-badge]: https://badgen.net/npm/dw/@svgmoji/blob/red?icon=npm

Installation

``bash


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.

`ts
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);
`

$3






                           


`html

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


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


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"
/>


width="40px"
height="40px"
src="https://cdn.jsdelivr.net/npm/@svgmoji/blob@2.0.0/sprites/all.svg#1F441-FE0F-200D-1F5E8-FE0F"
/>
``