Using Apple Emoji in Zulip

· ? cm
Zulip web interface

Zulip web interface

For performance reasons, the Zulip team chat app uses a spritesheet for emoji rendering instead of relying on the operating system. This means that for licensing reasons, it can’t use Apple’s emoji set.

Luckily, the emoji-data repo includes the Apple emoji spritesheets and we can quickly add them to Zulip using custom CSS.

Simply save the following files to a file, e.g. zulip-apple-emoji.css and add it to the desktop client under Settings → General → Add custom CSS.

div.emoji,
span.emoji {
  background-image: url(https://cdn.jsdelivr.net/npm/emoji-datasource-apple/img/apple/sheets/64.png) !important;
}

Note that this will load the spritesheet from jsDelivr.