Number and Step-by-Step Emojis
Emoji that help marketers lay out how-it-works steps, tutorials and numbered lists that are easy to follow.
Numbers zero to nine
Keycap numbers for steps, lists and rankings.
Arrows between steps
Pointers that show the flow from one step to the next.
Checklist
Ticks and boxes for a list the reader can work through.
Tutorials and guides
Tools, pins and bulbs for a how-to post.
Ready-to-copy combinations
Three steps
Opening a three-step how-it-works post.
Next step
Pointing to the step that follows.
Done
Marking a finished checklist item.
Quick tip
Flagging a tip inside a tutorial.
Top ten
Opening a ranked list.
Follow along
Inviting readers into a step-by-step guide.
Templates
How it works
1️⃣ [Step one] ➡️ 2️⃣ [Step two] ➡️ 3️⃣ [Step three]. That's it.
Tutorial intro
How to [Task] in [Number] steps, no [Tool] needed. 📖⬇️
Checklist
Before you [Action]: ✅ [Item] ✅ [Item] ✅ [Item]
About this kit
A numbered list is the quickest way to remove uncertainty: a reader who can see the three steps to booking, ordering or signing up is far more likely to start. Keycap numbers turn a caption, a story or an email into a list that scans on a phone, and a few arrows and ticks show the flow between steps. This kit groups the numbers from zero to nine, the arrows and pointers that link one step to the next, the ticks and boxes for a checklist, and a set of tools and pins for tutorials and guides. Keep each step to one short line that starts with a verb, and write the numbers in words where the order matters to someone using a screen reader, since a keycap alone is read as "keycap one".
Using these emoji well
- Start each step with a verb and keep it to one line, so the list scans on a phone.
- A screen reader says "keycap one" for 1️⃣, so where the order matters, write "step one" in words as well.
- Use the same arrow between every step; mixing arrow styles makes the flow harder to follow.