This project is a work-in-progress attempt to create a practical set of sprite sheets for [OpenMoji.org](https://openmoji.org/) emojis. The sprite sheets presented here were generated with [axelpale/openmoji-spritemap-generator](https://github.com/axelpale/openmoji-spritemap-generator) and are licensed under [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/legalcode). * [😀 smileys-emotion](#-smileys-emotion) * [👋 people-body](#-people-body) * [🐵 animals-nature](#-animals-nature) * [🍇 food-drink](#-food-drink) * [🌍 travel-places](#-travel-places) * [🎃 activities](#-activities) * [👓 objects](#-objects) * [🏧 symbols](#-symbols) * [🏁 flags](#-flags) * [🦄 extras-openmoji](#-extras-openmoji) * [ℹ about](#ℹ-about) ## Download Download all PNG and SVG sprites and their CSS sheets as one package: > [openmoji-sprites.zip](https://github.com/axelpale/openmoji-sprites/releases/download/2.0.0/openmoji-sprites-v2.0.0.zip) Alternatively via command line: $ wget https://github.com/axelpale/openmoji-sprites/releases/download/2.0.0/openmoji-sprites-v2.0.0.zip To download a single emoji group, see the emojis and files below. How to use the files? See the html examples in the package. ## 😀 smileys-emotion [](png/smileys-emotion-00.png)

PNG 72px sheets

Sheet image: smileys-emotion-00.png ~ 218 kB
CSS sprite sheet: smileys-emotion-00.css ~ 16 kB
Custom JSON: smileys-emotion-00.json
Hexcodes JS: smileys-emotion-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: smileys-emotion-00.html
CSS sprites: smileys-emotion-00-css.html

SVG sheets

Sheet image: smileys-emotion-00.svg ~ 202 kB
CSS sprite sheet: smileys-emotion-00.css ~ 15 kB
Custom JSON: smileys-emotion-00.json
Hexcodes JS: smileys-emotion-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: smileys-emotion-00.html
CSS sprites: smileys-emotion-00-css.html

## 👋 people-body [](png/people-body-00.png)

PNG 72px sheets

Sheet image: people-body-00.png ~ 235 kB
CSS sprite sheet: people-body-00.css ~ 16 kB
Custom JSON: people-body-00.json
Hexcodes JS: people-body-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-00.html
CSS sprites: people-body-00-css.html

SVG sheets

Sheet image: people-body-00.svg ~ 219 kB
CSS sprite sheet: people-body-00.css ~ 16 kB
Custom JSON: people-body-00.json
Hexcodes JS: people-body-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-00.html
CSS sprites: people-body-00-css.html

[](png/people-body-01.png)

PNG 72px sheets

Sheet image: people-body-01.png ~ 171 kB
CSS sprite sheet: people-body-01.css ~ 10 kB
Custom JSON: people-body-01.json
Hexcodes JS: people-body-01-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-01.html
CSS sprites: people-body-01-css.html

SVG sheets

Sheet image: people-body-01.svg ~ 168 kB
CSS sprite sheet: people-body-01.css ~ 10 kB
Custom JSON: people-body-01.json
Hexcodes JS: people-body-01-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-01.html
CSS sprites: people-body-01-css.html

[](png/people-body-02.png)

PNG 72px sheets

Sheet image: people-body-02.png ~ 149 kB
CSS sprite sheet: people-body-02.css ~ 18 kB
Custom JSON: people-body-02.json
Hexcodes JS: people-body-02-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-02.html
CSS sprites: people-body-02-css.html

SVG sheets

Sheet image: people-body-02.svg ~ 199 kB
CSS sprite sheet: people-body-02.css ~ 17 kB
Custom JSON: people-body-02.json
Hexcodes JS: people-body-02-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-02.html
CSS sprites: people-body-02-css.html

[](png/people-body-03.png)

PNG 72px sheets

Sheet image: people-body-03.png ~ 289 kB
CSS sprite sheet: people-body-03.css ~ 21 kB
Custom JSON: people-body-03.json
Hexcodes JS: people-body-03-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-03.html
CSS sprites: people-body-03-css.html

SVG sheets

Sheet image: people-body-03.svg ~ 375 kB
CSS sprite sheet: people-body-03.css ~ 21 kB
Custom JSON: people-body-03.json
Hexcodes JS: people-body-03-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-03.html
CSS sprites: people-body-03-css.html

[](png/people-body-04.png)

PNG 72px sheets

Sheet image: people-body-04.png ~ 250 kB
CSS sprite sheet: people-body-04.css ~ 21 kB
Custom JSON: people-body-04.json
Hexcodes JS: people-body-04-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-04.html
CSS sprites: people-body-04-css.html

SVG sheets

Sheet image: people-body-04.svg ~ 660 kB
CSS sprite sheet: people-body-04.css ~ 21 kB
Custom JSON: people-body-04.json
Hexcodes JS: people-body-04-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-04.html
CSS sprites: people-body-04-css.html

[](png/people-body-05.png)

PNG 72px sheets

Sheet image: people-body-05.png ~ 257 kB
CSS sprite sheet: people-body-05.css ~ 21 kB
Custom JSON: people-body-05.json
Hexcodes JS: people-body-05-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-05.html
CSS sprites: people-body-05-css.html

SVG sheets

Sheet image: people-body-05.svg ~ 847 kB
CSS sprite sheet: people-body-05.css ~ 21 kB
Custom JSON: people-body-05.json
Hexcodes JS: people-body-05-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-05.html
CSS sprites: people-body-05-css.html

[](png/people-body-06.png)

PNG 72px sheets

Sheet image: people-body-06.png ~ 107 kB
CSS sprite sheet: people-body-06.css ~ 7 kB
Custom JSON: people-body-06.json
Hexcodes JS: people-body-06-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-06.html
CSS sprites: people-body-06-css.html

SVG sheets

Sheet image: people-body-06.svg ~ 190 kB
CSS sprite sheet: people-body-06.css ~ 7 kB
Custom JSON: people-body-06.json
Hexcodes JS: people-body-06-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-06.html
CSS sprites: people-body-06-css.html

[](png/people-body-07.png)

PNG 72px sheets

Sheet image: people-body-07.png ~ 235 kB
CSS sprite sheet: people-body-07.css ~ 17 kB
Custom JSON: people-body-07.json
Hexcodes JS: people-body-07-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-07.html
CSS sprites: people-body-07-css.html

SVG sheets

Sheet image: people-body-07.svg ~ 461 kB
CSS sprite sheet: people-body-07.css ~ 17 kB
Custom JSON: people-body-07.json
Hexcodes JS: people-body-07-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-07.html
CSS sprites: people-body-07-css.html

[](png/people-body-08.png)

PNG 72px sheets

Sheet image: people-body-08.png ~ 167 kB
CSS sprite sheet: people-body-08.css ~ 14 kB
Custom JSON: people-body-08.json
Hexcodes JS: people-body-08-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-08.html
CSS sprites: people-body-08-css.html

SVG sheets

Sheet image: people-body-08.svg ~ 215 kB
CSS sprite sheet: people-body-08.css ~ 11 kB
Custom JSON: people-body-08.json
Hexcodes JS: people-body-08-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-08.html
CSS sprites: people-body-08-css.html

[](png/people-body-09.png)

PNG 72px sheets

Sheet image: people-body-09.png ~ 132 kB
CSS sprite sheet: people-body-09.css ~ 12 kB
Custom JSON: people-body-09.json
Hexcodes JS: people-body-09-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-09.html
CSS sprites: people-body-09-css.html

SVG sheets

Sheet image: people-body-09.svg ~ 176 kB
CSS sprite sheet: people-body-09.css ~ 12 kB
Custom JSON: people-body-09.json
Hexcodes JS: people-body-09-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-09.html
CSS sprites: people-body-09-css.html

[](png/people-body-10.png)

PNG 72px sheets

Sheet image: people-body-10.png ~ 155 kB
CSS sprite sheet: people-body-10.css ~ 14 kB
Custom JSON: people-body-10.json
Hexcodes JS: people-body-10-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-10.html
CSS sprites: people-body-10-css.html

SVG sheets

Sheet image: people-body-10.svg ~ 221 kB
CSS sprite sheet: people-body-10.css ~ 11 kB
Custom JSON: people-body-10.json
Hexcodes JS: people-body-10-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-10.html
CSS sprites: people-body-10-css.html

[](png/people-body-11.png)

PNG 72px sheets

Sheet image: people-body-11.png ~ 159 kB
CSS sprite sheet: people-body-11.css ~ 13 kB
Custom JSON: people-body-11.json
Hexcodes JS: people-body-11-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-11.html
CSS sprites: people-body-11-css.html

SVG sheets

Sheet image: people-body-11.svg ~ 186 kB
CSS sprite sheet: people-body-11.css ~ 11 kB
Custom JSON: people-body-11.json
Hexcodes JS: people-body-11-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-11.html
CSS sprites: people-body-11-css.html

[](png/people-body-12.png)

PNG 72px sheets

Sheet image: people-body-12.png ~ 27 kB
CSS sprite sheet: people-body-12.css ~ 3 kB
Custom JSON: people-body-12.json
Hexcodes JS: people-body-12-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-12.html
CSS sprites: people-body-12-css.html

SVG sheets

Sheet image: people-body-12.svg ~ 48 kB
CSS sprite sheet: people-body-12.css ~ 3 kB
Custom JSON: people-body-12.json
Hexcodes JS: people-body-12-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-12.html
CSS sprites: people-body-12-css.html

[](png/people-body-13.png)

PNG 72px sheets

Sheet image: people-body-13.png ~ 201 kB
CSS sprite sheet: people-body-13.css ~ 18 kB
Custom JSON: people-body-13.json
Hexcodes JS: people-body-13-hexcodes.js

Usage examples for PNG sheets

HTML image map: people-body-13.html
CSS sprites: people-body-13-css.html

SVG sheets

Sheet image: people-body-13.svg ~ 358 kB
CSS sprite sheet: people-body-13.css ~ 19 kB
Custom JSON: people-body-13.json
Hexcodes JS: people-body-13-hexcodes.js

Usage examples for SVG sheets

HTML image map: people-body-13.html
CSS sprites: people-body-13-css.html

## 🐵 animals-nature [](png/animals-nature-00.png)

PNG 72px sheets

Sheet image: animals-nature-00.png ~ 265 kB
CSS sprite sheet: animals-nature-00.css ~ 14 kB
Custom JSON: animals-nature-00.json
Hexcodes JS: animals-nature-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: animals-nature-00.html
CSS sprites: animals-nature-00-css.html

SVG sheets

Sheet image: animals-nature-00.svg ~ 259 kB
CSS sprite sheet: animals-nature-00.css ~ 12 kB
Custom JSON: animals-nature-00.json
Hexcodes JS: animals-nature-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: animals-nature-00.html
CSS sprites: animals-nature-00-css.html

## 🍇 food-drink [](png/food-drink-00.png)

PNG 72px sheets

Sheet image: food-drink-00.png ~ 208 kB
CSS sprite sheet: food-drink-00.css ~ 13 kB
Custom JSON: food-drink-00.json
Hexcodes JS: food-drink-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: food-drink-00.html
CSS sprites: food-drink-00-css.html

SVG sheets

Sheet image: food-drink-00.svg ~ 236 kB
CSS sprite sheet: food-drink-00.css ~ 12 kB
Custom JSON: food-drink-00.json
Hexcodes JS: food-drink-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: food-drink-00.html
CSS sprites: food-drink-00-css.html

## 🌍 travel-places [](png/travel-places-00.png)

PNG 72px sheets

Sheet image: travel-places-00.png ~ 83 kB
CSS sprite sheet: travel-places-00.css ~ 7 kB
Custom JSON: travel-places-00.json
Hexcodes JS: travel-places-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: travel-places-00.html
CSS sprites: travel-places-00-css.html

SVG sheets

Sheet image: travel-places-00.svg ~ 96 kB
CSS sprite sheet: travel-places-00.css ~ 6 kB
Custom JSON: travel-places-00.json
Hexcodes JS: travel-places-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: travel-places-00.html
CSS sprites: travel-places-00-css.html

[](png/travel-places-01.png)

PNG 72px sheets

Sheet image: travel-places-01.png ~ 196 kB
CSS sprite sheet: travel-places-01.css ~ 16 kB
Custom JSON: travel-places-01.json
Hexcodes JS: travel-places-01-hexcodes.js

Usage examples for PNG sheets

HTML image map: travel-places-01.html
CSS sprites: travel-places-01-css.html

SVG sheets

Sheet image: travel-places-01.svg ~ 212 kB
CSS sprite sheet: travel-places-01.css ~ 15 kB
Custom JSON: travel-places-01.json
Hexcodes JS: travel-places-01-hexcodes.js

Usage examples for SVG sheets

HTML image map: travel-places-01.html
CSS sprites: travel-places-01-css.html

## 🎃 activities [](png/activities-00.png)

PNG 72px sheets

Sheet image: activities-00.png ~ 154 kB
CSS sprite sheet: activities-00.css ~ 8 kB
Custom JSON: activities-00.json
Hexcodes JS: activities-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: activities-00.html
CSS sprites: activities-00-css.html

SVG sheets

Sheet image: activities-00.svg ~ 140 kB
CSS sprite sheet: activities-00.css ~ 8 kB
Custom JSON: activities-00.json
Hexcodes JS: activities-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: activities-00.html
CSS sprites: activities-00-css.html

## 👓 objects [](png/objects-00.png)

PNG 72px sheets

Sheet image: objects-00.png ~ 172 kB
CSS sprite sheet: objects-00.css ~ 13 kB
Custom JSON: objects-00.json
Hexcodes JS: objects-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: objects-00.html
CSS sprites: objects-00-css.html

SVG sheets

Sheet image: objects-00.svg ~ 168 kB
CSS sprite sheet: objects-00.css ~ 12 kB
Custom JSON: objects-00.json
Hexcodes JS: objects-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: objects-00.html
CSS sprites: objects-00-css.html

[](png/objects-01.png)

PNG 72px sheets

Sheet image: objects-01.png ~ 129 kB
CSS sprite sheet: objects-01.css ~ 10 kB
Custom JSON: objects-01.json
Hexcodes JS: objects-01-hexcodes.js

Usage examples for PNG sheets

HTML image map: objects-01.html
CSS sprites: objects-01-css.html

SVG sheets

Sheet image: objects-01.svg ~ 144 kB
CSS sprite sheet: objects-01.css ~ 9 kB
Custom JSON: objects-01.json
Hexcodes JS: objects-01-hexcodes.js

Usage examples for SVG sheets

HTML image map: objects-01.html
CSS sprites: objects-01-css.html

## 🏧 symbols [](png/symbols-00.png)

PNG 72px sheets

Sheet image: symbols-00.png ~ 114 kB
CSS sprite sheet: symbols-00.css ~ 10 kB
Custom JSON: symbols-00.json
Hexcodes JS: symbols-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: symbols-00.html
CSS sprites: symbols-00-css.html

SVG sheets

Sheet image: symbols-00.svg ~ 120 kB
CSS sprite sheet: symbols-00.css ~ 10 kB
Custom JSON: symbols-00.json
Hexcodes JS: symbols-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: symbols-00.html
CSS sprites: symbols-00-css.html

[](png/symbols-01.png)

PNG 72px sheets

Sheet image: symbols-01.png ~ 96 kB
CSS sprite sheet: symbols-01.css ~ 12 kB
Custom JSON: symbols-01.json
Hexcodes JS: symbols-01-hexcodes.js

Usage examples for PNG sheets

HTML image map: symbols-01.html
CSS sprites: symbols-01-css.html

SVG sheets

Sheet image: symbols-01.svg ~ 94 kB
CSS sprite sheet: symbols-01.css ~ 10 kB
Custom JSON: symbols-01.json
Hexcodes JS: symbols-01-hexcodes.js

Usage examples for SVG sheets

HTML image map: symbols-01.html
CSS sprites: symbols-01-css.html

## 🏁 flags [](png/flags-00.png)

PNG 72px sheets

Sheet image: flags-00.png ~ 7 kB
CSS sprite sheet: flags-00.css ~ 1 kB
Custom JSON: flags-00.json
Hexcodes JS: flags-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: flags-00.html
CSS sprites: flags-00-css.html

SVG sheets

Sheet image: flags-00.svg ~ 11 kB
CSS sprite sheet: flags-00.css ~ 1 kB
Custom JSON: flags-00.json
Hexcodes JS: flags-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: flags-00.html
CSS sprites: flags-00-css.html

[](png/flags-01.png)

PNG 72px sheets

Sheet image: flags-01.png ~ 64 kB
CSS sprite sheet: flags-01.css ~ 12 kB
Custom JSON: flags-01.json
Hexcodes JS: flags-01-hexcodes.js

Usage examples for PNG sheets

HTML image map: flags-01.html
CSS sprites: flags-01-css.html

SVG sheets

Sheet image: flags-01.svg ~ 105 kB
CSS sprite sheet: flags-01.css ~ 10 kB
Custom JSON: flags-01.json
Hexcodes JS: flags-01-hexcodes.js

Usage examples for SVG sheets

HTML image map: flags-01.html
CSS sprites: flags-01-css.html

[](png/flags-02.png)

PNG 72px sheets

Sheet image: flags-02.png ~ 83 kB
CSS sprite sheet: flags-02.css ~ 14 kB
Custom JSON: flags-02.json
Hexcodes JS: flags-02-hexcodes.js

Usage examples for PNG sheets

HTML image map: flags-02.html
CSS sprites: flags-02-css.html

SVG sheets

Sheet image: flags-02.svg ~ 120 kB
CSS sprite sheet: flags-02.css ~ 15 kB
Custom JSON: flags-02.json
Hexcodes JS: flags-02-hexcodes.js

Usage examples for SVG sheets

HTML image map: flags-02.html
CSS sprites: flags-02-css.html

[](png/flags-03.png)

PNG 72px sheets

Sheet image: flags-03.png ~ 3 kB
CSS sprite sheet: flags-03.css ~ 1 kB
Custom JSON: flags-03.json
Hexcodes JS: flags-03-hexcodes.js

Usage examples for PNG sheets

HTML image map: flags-03.html
CSS sprites: flags-03-css.html

SVG sheets

Sheet image: flags-03.svg ~ 3 kB
CSS sprite sheet: flags-03.css ~ 0 kB
Custom JSON: flags-03.json
Hexcodes JS: flags-03-hexcodes.js

Usage examples for SVG sheets

HTML image map: flags-03.html
CSS sprites: flags-03-css.html

## 🦄 extras-openmoji [](png/extras-openmoji-00.png)

PNG 72px sheets

Sheet image: extras-openmoji-00.png ~ 214 kB
CSS sprite sheet: extras-openmoji-00.css ~ 15 kB
Custom JSON: extras-openmoji-00.json
Hexcodes JS: extras-openmoji-00-hexcodes.js

Usage examples for PNG sheets

HTML image map: extras-openmoji-00.html
CSS sprites: extras-openmoji-00-css.html

SVG sheets

Sheet image: extras-openmoji-00.svg ~ 271 kB
CSS sprite sheet: extras-openmoji-00.css ~ 14 kB
Custom JSON: extras-openmoji-00.json
Hexcodes JS: extras-openmoji-00-hexcodes.js

Usage examples for SVG sheets

HTML image map: extras-openmoji-00.html
CSS sprites: extras-openmoji-00-css.html

[](png/extras-openmoji-01.png)

PNG 72px sheets

Sheet image: extras-openmoji-01.png ~ 104 kB
CSS sprite sheet: extras-openmoji-01.css ~ 10 kB
Custom JSON: extras-openmoji-01.json
Hexcodes JS: extras-openmoji-01-hexcodes.js

Usage examples for PNG sheets

HTML image map: extras-openmoji-01.html
CSS sprites: extras-openmoji-01-css.html

SVG sheets

Sheet image: extras-openmoji-01.svg ~ 96 kB
CSS sprite sheet: extras-openmoji-01.css ~ 10 kB
Custom JSON: extras-openmoji-01.json
Hexcodes JS: extras-openmoji-01-hexcodes.js

Usage examples for SVG sheets

HTML image map: extras-openmoji-01.html
CSS sprites: extras-openmoji-01-css.html

## ℹ About Images licensed under [CC-BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/legalcode).
Emojis by [OpenMoji.org](https://openmoji.org/). Improve this page via [GitHub](https://github.com/axelpale/openmoji-sprites).