Open-source emoji set · Flat colour

EmojiOne 2

The EmojiOne design as of version 2.2.7, the last release published under an open licence before the artwork went proprietary. Round, bright and friendly. CC BY 4.0, so credit is required.

1,369 emoji SVG CC BY 4.0 · free for commercial use Credit required

Made by

Emoji One (artwork now owned by JoyPixels Inc.), version 2.2.7. Not our drawings: every file below loads from the maker's own published files.

Licence

CC BY 4.0. Credit the maker and link the licence wherever the emoji appear.

Credit line to paste

Emoji artwork by EmojiOne 2.2.7, licensed CC BY 4.0

Coverage

1,369 of the 1,923 emoji in Unicode 18.0, one tile each. Not drawn here: 267 People & Body, 76 Objects, 53 Animals & Nature, 44 Food & Drink, 43 Smileys & Emotion, 22 Travel & Places, 21 Activities, 21 Symbols, 7 Flags. The artwork licence is CC BY 4.0 in this release’s own LICENSE.md; its package.json says CC BY-SA 4.0 and MIT. The licence file is what we state. EmojiOne is a JoyPixels trademark: the name identifies the release, not an endorsement. Skin-tone variants are in the source and left out of this grid.

Smileys & Emotion 129 of 172

People & Body 123 of 390

Animals & Nature 108 of 161

Food & Drink 88 of 132

Travel & Places 199 of 221

Activities 64 of 85

Objects 192 of 268

Symbols 203 of 224

Flags 263 of 270

Using these emoji on a page

Picking a set means every visitor sees the same face, whatever device they are on; a typed emoji is drawn by the visitor's own system font and looks different on every platform. Use the image with its name as alt, sized to the text around it:

<img src="https://cdn.jsdelivr.net/npm/emojione@2.2.7/assets/svg/1f600.svg"
     alt="grinning face" width="20" height="20"
     style="height:1.2em;width:auto;vertical-align:-0.2em">

The name is the Unicode name, which is also what a screen reader says for the typed character, so the image and the text version read the same. These are SVG files, so they stay sharp at any size. For the whole set, with every skin tone, get it from the maker.

Comparing sets, or checking which licence fits a client project? All the open emoji sets side by side, with what each licence asks.

Made your own emoji pack?

Submit yours

Receive a link back from us (DR 73 site).

Must link to csscreme.com to be eligible.

The other open emoji sets