Iconography
Worth a thousand words
Principles
Our icons are created to bring clarity to their environments and draw attention to specific messaging and navigation. They should be concise and representational, making our content easily scannable.
Concise
Icons should be clean and straightforward. When they are representational of something complex, we value simplicity over detail.
Functional
An icon’s design should be in service of a user’s ability to understand the information it supports or their need to take an action on that information. Icons should tend towards literal over abstract and metaphorical.
Foundation
Our icons are based on the feather outline set. The pre-made icon set should be used wherever possible, but bespoke icons can be created to support specific needs using the guidelines below.
Artboard
30px square
Content area
22px square (4px padding)
Stroke
3px with rounded end caps
Corner radius
1px rounded
Scale
Our icons are designed to achieve clarity at a variety of scale. The stroke weight should scale proportionally with size. Icons should never be smaller than 16px or larger than 80px. Icons should appear in these sizes in most digital environments including the marketing website, auxilliary web properties, and digital marketing materials like e-books and presentations.
Small: 16px
This size is only used where space is extremely limited.
Medium: 24px
This the standard size for icons.
Large: 32px
This size is used in some materials for emphasis and section labeling.
XL: 80px
This size is only used as a type of spot illustration where space is plentiful.
Library
A selection of our most commonly used icons.
System
Products
Features
Social
Resources
Resources
Download the icon library here. Additional icons available at feathericons.com.
Learn more
© 2024 Pendo.io, All Rights Reserved. Pendo trademarks, product names, logos and other marks and designs are trademarks of Pendo.io, Inc. or its subsidiaries and may not be used without permission.