PubWriter Safe Icons (Bootstrap 4)

A key advantage to using icons over images is the ability to change the size and color on the fly, like this:

cloud favorite attachment computer

You simply specify the color using span class (noted via on page style or an external stylesheet):

<span class="blood"><i class="material-icons">favorite</i> </span>

Prefer Emojis?

Pubwriter supports these major icons toolsets

  1. Fontawesome
  2. Open Iconic
  3. Devicons
  4. Material Design Icons

Font Awesome Cheatsheets (cut & paste html snippets)


Regular

Solid

Brand

Icomoon

IcoMoon

SVGs (to help you find the icon you want)

SVGs also offer the flexibility of changing size and color and with SVGs, you aren't limited to the icons in the toolset above. A tutorial is forthcoming.

PNGs

More (offsite) Resources

Open Iconic

Open Iconic Icons

Font Awesome 5 Icons

See: https://fontawesome.com/cheatsheet

Font Awesome Icons



Google Material Icons

computer Google Material Icons

cloud
favorite
attachment
computer
traffic
face
mood terrain school send stars star style iso android check time toys work

Icon Animation

With all FontAwesome Icons, we can increase the size of the icons and/or spin 'em!

Or a ball bounce

Or make a heartbeat...

Or heart burst...

Call attention to something important...

Or ask for a review...

Scroll Up

More Animation Options

Explore Further