Iconography


Iconography is a visual language that helps audiences navigate content quickly and intuitively. It breaks up dense text, highlights key information, and can transcend language barriers. Use detailed icons primarily in university-wide assets. Simple, one-tone icons are reserved for web navigation only. Animated icons may be used when appropriate (in video or GIF formats). If you’re unsure about icon usage, contact the Creative Team for guidance.


For access to icons, please contact the Brand Governance Team (BrandMarketing@groups.wgu.edu).

Icon Usage


DOs

  • Use icons to show the hierarchy of content and draw attention to key information.
  • Use icons only in the approved color set.

DON'Ts

  • Do not overuse icons. They should be used sparingly to draw the viewer’s eye.
  • Do not modify, stretch, apply effects, or overlap icons in any way. 
  • Do not create new icons. Additions to the library are implemented by the Creative Team only.
  • Do not use one-tone icons on applications outside of website navigation.

simple icons


Up Arrow

Down Arrow

Left Arrow

Right Arrow

Cancel Sign

Plus Sign

People

Person

Location

Network

Timer

Graduation

Business

Education

Technology

Health

Certificates

Phone

Chat

Search

Left Caret

Right Caret

Up Caret

Down Caret

Up Caret

Down Caret

Left Caret

Right Caret

Technology - Color Background

Technology - No Background

Circuit

Shield

Laptop

Lock

Phone

Monitor

Key

Cloud

Circuit

Shield

Laptop

Lock

Phone

Monitor

Key

Cloud

Military - Color Background

Military - No Background

Military 1

Military 2

Military 1

Military 2

Education - Color Background

Education - No Background

Apple

Book

Backpack

Chalkboard

Pencil and Ruler

A-plus

Apple

Backpack

Book

Chalkboard

Pencil and Ruler

A-plus

People - Color Background

People - No Background

Person 1

Person 3

Person 2

Person 4

Person 5

Person 6

Person 7

Person 8

Person 1

Person 2

Person 3

Person 4

Person 5

Person 6

Person 7

Person 8

Achievement - Color Background

Achievement - No Background

Trophy

Paper and Pencil

Diploma

Grad Cap

Award 1

Bull's-eye

Certificate

Award 2

Checked Clipboard

Trophy

Diploma

Paper and Pencil

Grad Cap

Award 1

Bull's-eye

Certificate

Checked Clipboard

Award 2

Emphasis and Accents - Color Background

Emphasis and Accents - No Background

Firework

Party Cone

Star

Heart

Thumbs Up

Megaphone

Firework

Star

Party Cone

Heart

Thumbs Up

Megaphone

Affordability and Flexibility - Color Background

Affordability and Flexibility - No Background

Money Bag

Dollar Bills

Piggy Bank

Clock

Speedometer

House

Calendar

Money Bag

Piggy Bank

Dollar Bills

Clock

Speedometer

Home

Calendar

Communication - Color Background

Communication - No Background

Magnifying Glass

Telephone

Mouse Pointer 1

Mouse Pointer 2

Mail

Magnifying Glass

Mouse Pointer 1

Telephone

Mouse Pointer 2

Mail

Symbols - Color Background

Symbols - No Background

X Mark

Check Mark 2

Check Mark 1

Question Mark

Arrow and Box

Internet Signal

Growth Graph

Right Arrow

Thought Cloud

Equals Mark

X Mark

Check Mark 1

Check Mark 2

Question Mark

Arrow and Box

Internet Signal

Growth Graph

Thought Cloud

Right Arrow

Equals Mark

Generic - Color Background

Generic - No Background

Brain

Light Bulb

Brain

Light Bulb

Business - Color Background

Business - No Background

Stats

Handshake

Globe

Briefcase

Puzzle

Office

Stats

Handshake

Globe

Briefcase

Puzzle

Office

Health - Color Background

Health - No Background

Cross

Clipboard

Stethoscope

Heartbeat

Bandage

Caduceus

Star and Heart

Cross

Clipboard

Stethoscope

Heartbeat

Bandage

Caduceus

Star and Heart

Academy - Color Background

Academy - No Background

Academy

Academy