openmoji-sprites

This project is a work-in-progress attempt to create a practical set of sprite sheets for OpenMoji.org emojis. The sprite sheets presented here were generated with axelpale/openmoji-spritemap-generator and are licensed under CC-BY-SA 4.0.

Download

Download all PNG and SVG sprites and their CSS sheets as one package:

openmoji-sprites.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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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.
Emojis by OpenMoji.org.

Improve this page via GitHub.