Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@svgmoji/noto

Package Overview
Dependencies
Maintainers
1
Versions
7
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@svgmoji/noto

The svgmoji sprites for the [`noto-emoji`](https://github.com/googlefonts/noto-emoji) library.

  • 3.0.0
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
36K
decreased by-0.08%
Maintainers
1
Weekly downloads
 
Created
Source

@svgmoji/noto

The svgmoji sprites for the noto-emoji library.


Version Weekly Downloads Bundled size Typed Codebase MIT License


Installation

# yarn
yarn add @svgmoji/noto

# pnpm
pnpm add @svgmoji/noto

# npm
npm install @svgmoji/noto

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 { Notomoji } from '@svgmoji/notomoji';
import data from 'svgmoji/emoji.json';

const notomoji = new Notomoji({ data, type: 'all' });
const image = document.createElement('img');
image.src = notomoji.getUrl('❤️');

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 2KB -->
<img
  width="40px"
  height="40px"
  src="https://cdn.jsdelivr.net/npm/@svgmoji/noto@0.2.0/svg/1F44D.svg"
  alt="thumbs up"
  title="thumbs up"
/>

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

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

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

Keywords

FAQs

Package last updated on 19 Jan 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc