Emoji commit messages
A fun paradigm to encourage cleaner commits.
Motivation
Images (including emoji) help clarify what a given commit accomplishes, make your commit history easier to scan though, and encourage you to limit each of your changes to a single type of action. This makes it easier to reason about the history of your code.
For example, instead of having one massive commit that adds a feature,
refactors an old related feature, fixes a typo, and fixes a bug,
you could split that change into four commits that each accomplish
one specific thing. Not only does this make things cleaner and clearer,
but it also helps when using tools like git bisect to track down bugs,
as well as when reverting individual changes.
The list
Fork and modify to suit your needs. Don't forget to "star" and share the love.
| Text | Image | GFM shortcode* | Windows 10 picker name | When to use it |
|---|---|---|---|---|
π |
π | :tada: |
party popper |
initial commit |
β¨ |
β¨ | :sparkles: |
sparkles |
when adding a new user-facing feature |
π¨ |
π¨ | :art: |
artist palette |
when improving UI |
π¦ |
π¦ | :package: |
package |
when refactoring or improving code |
π |
π | :racehorse: |
horse |
when improving performance |
π |
π | :lock: |
locked |
when improving security |
π§ |
π§ | :wrench: |
wrench |
when updating configs |
βΏ |
βΏ | :wheelchair: |
wheelchair symbol |
when improving accessibility |
π |
π | :rocket: |
rocket |
when improving dev tools |
π |
π | :pencil: |
pencil |
when writing docs (e.g. README, code comments) |
π |
π | :gem: |
gem stone |
when cutting a new release / version bump |
π |
π | :bug: |
bug |
when fixing a bug |
π₯ |
π₯ | :boom: |
collision |
when fixing a crash |
π± |
π± | :non-potable_water: |
non-potable water |
when fixing a memory leak |
π₯ |
π₯ | :fire: |
fire |
when removing code or files |
β
|
β | :white_check_mark: |
check mark button |
when adding new tests |
π |
π | :green_heart: |
green heart |
when fixing the CI build |
π |
π | :shirt: |
t-shirt |
when fixing linter warnings |
π‘ |
π‘ | :satellite: |
satellite antenna |
when adding instrumentation or metrics |
π |
π | :loud_sound: |
speaker high volume |
when adding logging |
π |
π | :mute: |
muted speaker |
when removing logging |
β¬ |
β¬οΈ | :arrow_up: |
up arrow |
when upgrading dependencies |
β¬ |
β¬οΈ | :arrow_down: |
down arrow |
when downgrading dependencies |
π |
π | :crossed_flags: |
crossed flags |
when adding an A/B test or feature flag** |
β‘ |
β‘ | :zap: |
high voltage |
when making a backwards-incompatible change** |
π§ |
π§ | :construction: |
construction |
when the change is a work in progress (do not merge)** |
* GFM shortcodes are recognized by any software that uses GitHub Flavored Markdown. You can type them directly in your commit message!
** These emoji are often combined with another, primary emoji.
How to decide which emoji to use
In most cases, your change will fit into a pretty obvious emoji category. If it doesn't, you should think hard about whether or not you're making a clean change.
Often you can break up changes into two or more commits that each accomplish their own specific type of action. If that means you only change one tiny line or fix a simple typo in a commit, so be it! It should be a no-brainer that any given commit does exactly what it says it does β and only what is says it does. No side-effects.
In general, you should use exactly one emoji per commit message. In rare cases, you should use a second emoji (e.g. when using something like β‘ to signify that whatever you just did β π, π₯, etc. β was a breaking change).
Emoji will also depend on your client/user. A back-end API might use β¨ when adding new API endpoints, and the front-end app might use β¨ when using those endpoints to display new content.
How to type emoji on your computer
I find it faster to type the raw emoji shortcode with colons (GitHub and GitLab both recognize this), but sometimes it's easier to search through the actual icons, especially as you're starting out.
-
On Mac OS X, you can open the built-in emoji picker with the hotkey Ctrl + Cmd + Space.
-
On Ubuntu 14+, you can use the Emojione Picker app:
sudo add-apt-repository ppa:ys/emojione-picker && sudo apt update sudo apt install emojione-picker
-
On Windows 10 update 1709, pressing Win+. while having keyboard focus in a text field in any program will bring up the built-in emoji picker, similarly to Mac OS. The table above includes names which work specifically in this emoji picker, but the GFM shortcodes work too. Some of the Windows-specific ones can be easier to remember, though.
On lower versions of Windows, starting with Windows 8, you can use the on-screen keyboard in the system tray. Alternatively, you can use BabelMap which is a Unicode character picker for even lower versions of Windows. It also might be more convenient than the Windows 8 on-screen keyboard.
If all else fails, you can search for an emoji at http://emojipedia.org/ and simply copy/paste.
Real examples
The following is a brief list of open-source projects currently using these emoji:
-
https://github.com/cooperka/emoji-commit-messages (of course)
-
https://github.com/cooperka/react-native-immutable-list-view
Credits
Developed along with my co-workers at Cribspot. Inspired in part by style guides from slashsBin and atom.