Skip to content

Instantly share code, notes, and snippets.

@digitalWestie
Last active January 16, 2024 13:29
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save digitalWestie/35fca7a64a3f0726273671d469a96bb4 to your computer and use it in GitHub Desktop.
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 - ⮾ ✕ ✖

Geometric and arrows










➟ ➠

Stars

★ ☆

Ballot / checkmarks

☐ ☑ ☒

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