Skip to content

Instantly share code, notes, and snippets.

@digitalWestie
Last active February 17, 2026 02:44
Show Gist options
  • Select an option

  • Save digitalWestie/35fca7a64a3f0726273671d469a96bb4 to your computer and use it in GitHub Desktop.

Select an option

Save digitalWestie/35fca7a64a3f0726273671d469a96bb4 to your computer and use it in GitHub Desktop.
Unicode Icon Cheatsheet

digitalWestie's common webapp icons cheatsheet

A list of unicode icons that you can use instead of loads of svg markup.

If you don't see anything you like, check out: http://unicode.org/charts/index.html#symbols
https://symbl.cc/en/unicode/table/
https://www.toptal.com/designers/htmlarrows/

Text vs Emoji representation

The following icons should render as text and not as emojis. To force text rendering there are a few workarounds, e.g. 'font-family: math;'.

As an aside, we will hopefully get 'font-variant-emoji: text;' css property support.

Icons

Info - ⓘ

Warning - ⚠

Prohibited / disabled - TODO find one!

Check marks / ticks - ✓ ✔

X / Close / Cancel - ⮾ ✕ ✖

Common arrows
← → ↔ ↑ ↓ ↕ , ↖ ↗ ↘ ↙ , ⤡ ⤢

Geometric and arrows

◀ ▶
▲ ▼





➟ ➠

Stars

★ ☆

Ballot / checkmarks

☐ ☑ ☒

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment