Icons
Search the component library

Icons

v2.7.0 • Aug 10, 2018

Documents

adobe-acrobat

archive

book

email

file

file-excel

file-pdf

file-powerpoint

file-word

file-zip

image

note

General

arrow-left

arrow-right

ban

breadcrumb

calendar

capslock

check-lg

check-sm

chevron-back-lg

chevron-back-sm

chevron-next-lg

chevron-next-sm

clock

delete

drag-handle

edit

ellipsis

font-setting

font-lg

font-sm

group

label

numbered-list

remove-lg

remove-sm

search-lg

search-sm

settings

shopping-cart

text-bold

text-italic

Player

audio-high

audio-low

audio-off

pause

play

screen-full

screen-minimize

Share

attachment

comment

download

link

link-external

upload

Toggle

bookmark-off

bookmark-on

checkbox-off

checkbox-on

checkbox-tristate

dropdown-close-lg

dropdown-open-lg

dropdown-close-sm

dropdown-open-sm

favorites-off

favorites-on

item-remove

item-add

lock-close

lock-open

pivot-close

pivot-open

radio-button-off

radio-button-on

show-off

show-on

sortable

sort-down

sort-up

star-on

star-off

view-list

view-tile

zoom-out

zoom-in

Hardware

camera

camera-video

desktop

print

Alerts

help-fill

help-outline

info-fill

info-outline

notification

tip

warning-lg

warning-sm

How to use Pearson icons


Pearson icons are available in two sizes, 18x18 and 24x24 pixels. You can incorporate them into your design by downloading the Pearson-icons.sketch file, located above.

Note: All icons are fixed within 18x18 and 24x24 pixels container.

For desktop web app development
Use 18x18 pixel icons in your designs. You do not need to provide SVG or backup PNG, simply note the class name from the icons list or within the Pearson-icons.sketch file.

For mobile app development
Use 18x18 pixel icons a your foundation and up-scale 24x24 pixel icons for larger screens.



Name guide

The name describes the intended usevariation, and pixel size.

Name guide

Colors

Standard colors:


Status colors: 
(optional)


colors.png#asset:61044


Label spacing

Use a minimum spacing, 10 pixel, between the icon and label.

label-spacing.png#asset:61045


Touch target

You can use Pearson icons as buttons. To ensure accessibility across desktop and mobile devices, a minimum touch target, 44 x 44 pixel, is required for each icon.

touch-target.png#asset:61048

Changelog

2.7.0

  • NEW ICONS: drag-handle-18, drag-handle-24, label-18, label-24

2.6.0

  • NEW ICONS: file-zip-18, file-zip-24, star-on-18, star-on-24, star-off-18, star-off-24

2.5.0

  • NEW ICONS: adobe-acrobat, comment, download, upload, file-excel, file-pdf, file-powerpoint, file-word, shopping-cart, attachment, number-list, text-bold, text-italic, warning-sm

2.4.0

  • ADDED: Icon recommendations for desktop web apps and mobile apps
  • NEW ICONS: Breadcrumb, Link
  • FIXED: Copy in the example image for Name Guide

2.3.0

  • ADDED: print-18, print-24, and updated pixel containers
  • ADDED: Feature links
  • CHANGED: Updated name guide
  • REMOVED: Scaling information

2.2.0

  • ADDED: sortable-18, sortable-24

2.1.0

  • ADDED: dropdown-sm, chevron-sm, sort, ellipsis, edit
  • TWEAKED: checkbox, radio-button, help-outline, info-outline

2.0.0

Updated icons to use new branding style

1.1.0

  • ADDED: question-circle, caret-right, caret-down, light-bulb-o, and icons for archive action, plus reading, business case, video, and image content types
  • TWEAKED: Icons should now all be displayed in Pitch (#231f20)

1.0.0

Initial release