Skip to main content

Icons and images

The WPP DS icon system offers clear recommendations for choosing, and placing icons to create a consistent and intuitive user experience across products.

Following is a list of icon groups and contained categories:

Icons: rounded + stroked

Icons groupContained categories
Actions
  • Content actions
  • Filter
  • Setting
  • Media actions
Arrows
Communication
Content
  • Content
  • Files
  • Charts
  • Table
  • Cloud
  • Calender
  • Shapes
  • Emoji
  • Ecology
Tools
  • Resize & scale
  • Transform
  • Text formatting
  • Align
tip
  • Always use Title Case for icon names.
  • Keep names short and simple.
caution
  • Avoid grouping icons into subcategories
  • If icons look different, don't group them into variants.

Actions

Filter

Settings

Media actions

Arrows

Chevron

Directions

Double Chevron

Trend

Triangle

Table sort

Communication

Notification

Content

Content

Currencies

Files

Charts

Table

Cloud

Calendar

Shapes

Emoji

Ecology

Media

Media

Media Channels and Devices

Tools

Resize & Scale

Autofit

Transform

Padding

Rotate

Border

Columns

Text Formatting

Text Header

Align

Text Alignment

Object Alignment

Profile

Status

System

Controls

Cursors

Resize

Places (Point of interest)

Food and drink

Retail

Services

Entertainment

Transport

Logotypes

WPP Open

App studios

Media studio

Media studio

Social media and companies

Humans

Flags

Empty States

Charts

Correlation

Change v Time

Ranking

Distribution

Part to whole

Flow

Spatial

Ideas and concepts

Maps

Countries

Continents

Countries with borders

UK map

USA map