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 group | Contained categories |
|---|---|
| Actions |
|
| Arrows | |
| Communication | |
| Content |
|
| Tools |
|
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
Add
Add Circle
Close
Remove
Remove circle
Reject
Trash
Undo
Undo
Redo
Search
Download
Upload
Export
Import
Print
Sync
Share
Data transfer
Shut down
Reset
Normal
Dashed
Refresh
Normal
Dashed
Pin
Normal
Dashed
Install update
Approvals
AvailableUpdate
Pending
Copy
Paste
Edit
Compose
Attach
Bookmark add
Link
Unlink
External link
Drag
Move
Archive
Archive multiple
Select object
Pair
Translate
AutoSum
Math formula
.Scan
Bookmark
Unselected
Selected
Favourite
Unselected
Selected
Like
Unselected
Selected
Hand
Off
On
Flag
Off
On
Dataview
Card
List
Repeat
Off
On
Zoom
In
Out
Lock
Off
On
Eye
Off
On
Pen
Colour
Fill
Eyedropper
Eraser
Hand draw
Filter
Settings
Media actions
Arrows
Chevron
Directions
Double Chevron
Trend
Triangle
Table sort
Communication
Notification
On
Off
New
Pause
Mail
Normal
Dashed
Comment
Normal
Dashed
Chat Message
Normal
Dashed
Send
Normal
Dashed
Mail add
Mail Read
Mail Al Read
Mail Blocked
Mail Copy
Reply
Reply All
Forward
Subscribe
Inbox
Communication
Channel
Phone
Bounce
Meet
Note
Mention
Bot
Support
Assistant
Chat Video
Support Chat
Q&A
About
Info
Content
Content
Home
Mail Read
Mail Al Read
Mail Blocked
Mail Copy
Reply
Reply All
Globe
Key
Keyboard
Twenty-four Hours
Accessibility
Diversity
Design
Styleguide
Dark Mode
Shield
Shield Error
Shield Success
Shield Dismiss
Task List
Task List Square
Campaign
Pitch
Workshop
Draft
Fluid Workshop
AI
Magic Wand
Launch
Map
Location
GPS
Target
Hash
Number
Cart
Idea
Experiment
Hub
Organization
Branch
Branch Request
Branch Review
Sub-items
Carousel
CTA
Accordion
Segmented Control
Action
Currencies
Files
ZIP
PDF
CSS
JS
Document
Add Document
Document Error
Document Blocked
File
Export File
Spreadsheet
Collection
Gallery
Library
Folder
Folder Open
Folder Blocked
Add Folder
Folder Link
App Folder
Charts
Statistic Document
Pie Chart
Bar Chart
Ranking
Increase
Decrease
Neutral Trading
Graph
Data Area
Bar Horizontal
Data Funnel
Data Histogram
Data Line
Data Scatter
Data Trending
Data Sunburst
Data Waterfall
Data Whisker
Data Treemap
Data Usage
Database
Table
Cloud
Calendar
Shapes
Emoji
Ecology
Media
Media
GIF
HD
HDR
RSS
Cast
Live
JavaScript
Movie
Music
Video Clip
Premium
Extension
Icons
Symbols
Sticker
QR Code
Fingerprint
Headphones
Cookies
Ratio
Book
Book Information
Book FAQ
Book Search
Book Search
App Store
App
Add App
Remove App
Cellular Data 3G
Cellular Data 5G
WiFi Warning
Mic Blocked
Video Blocked
Speaker Mute
Speaker Bluetooth
Camera Add
Camera Switch
Cellular Data
On
Off
WiFi
On
Off
Mic
On
Off
Bluetooth
On
Off
Caption
On
Off
Video
On
Off
Speaker
On
Off
Camera
On
Off
Image
On
Off
Media Channels and Devices
Tools
Resize & Scale
Autofit
Width
Width Dotted
Up
Height
Height Dotted
Down
Scale
Bottom left
Bottom right
Scale
Maximise Vertical
Minimise Vertical
Collapse
Expand
Enlarge
Transform
Padding
Rotate
Left
Right
Clockwise
Anti Clockwise
Flip
Vertical
Horizontal
Combine
Vertical
Horizontal
Divide
Vertical
Horizontal
Merge
Split
Crop
Orientation
Border
Top
Bottom
Right
Left
Left+Right
Top+Bottom
Top+Bottom Thick
Top+Bottom Double
Bottom Double
All
None
Outside
Outside
Columns
Text Formatting
Edit Text
Text
Font
Effects
Bold
Italic
Strikethrough
Underline
Bullet List
Number List
Quote
Code
Case
Lowercase
Title
Uppercase
Increase Indent
Decrease Indent
Text
Text Header
Align
Text Alignment
Object Alignment
Profile
User
Login
Logout
People
User Search
User Chat
User Add
User Block
Incognito
Private Account
Admin
Owner
User Tag
User Started