Provider Digital
Icons
General Use
The General Use Icons are used in various ways throughout the design to give context to the user either by enhancing awareness and recognition of content or by reinforcing a specific action. They should have a single solid fill color and be drawn within a 16x16 square. Note: Icon color is dependent upon how the icon is placed within the design. Please reference design pages for correct colors.
Previous
This icon is used to reinforce an action to navigate back one step.
Next
This icon is used to reinforce an action to progress forward one step.
Return
This icon is used to reinforce an action to return back to the beginning.
This icon is used when the action to print is provided.
Download
This icon is used when the action to download is provided.
This icon is used when the action to send an email is provided.
Check
This icon is used to show that a selection has been successfully made.
Star
This icon is used whenever it is desirable to feature content as new.
Lock
This icon is used when a piece of content (e.g., tile) is not accessible by the user.
Close/ Remove
This icon is used to reinforce an action to close (e.g., modal window) or remove an object (e.g., filter).
Block
This icon should be used to indicate that a selection is to be made to omit an oject (e.g., no background image).
Photo
This icon should be used to indicate that a selection is to be made to show or provide a photographic image.
Phone
This icon is used for the action of playing media content (e.g., video playback).
Location
This icon is used to indicate a location (i.e., street address).
Send
This icon is used to reinforce an action to send site content or user provided information.
Play
This icon is used for the action of playing media content (e.g., video playback).
Pause
This icon is used to pause media content.
Back
This icon is used to return media playback to the beginning.
Edit
This icon is used to reinforce an action to edit in-line content.
Info
This icon is used to show a content block is important to understand, or that content is provided through interacting with this icons/ button (e.g., tooltip message).
Help
This icon is used to indicate help based content is provided through interacting with this icon/ button (e.g., tooltip message).
Iconography - Content Types
The Content Types Icons are used alongside linked content to indicate the format or intent of each.
Instructions for use
Our recommendation is to utilize small icons in the bottom left of each tile that directly leads to content to indicate the format of the content that follows.
Tags/text can be added to the right of the icon for further explanation. For audio and video (and possibly e-learning) tiles, adding the duration would help. For text-based tiles, tags could be Job Aid, Quick Guide, Tip Sheet, Infographic, White Paper, etc.
For tiles that are simply navigational links to another page with additional tile selections, no icons should be used in bottom left (e.g., Financial Tool).
For all tiles, the title and sub-copy should be the primary means of indicating what the content is. For content tiles, the icon provides format information, and any tags further refine the type of content.
Audio
This icon is used for audio content.
Video
This icon is used for video content.
e-Learning
This icon is used for e-Learning/ Course type content.
Reading (Long)
This icon is used for text-based content that is long-form (e.g., white papers, studies).
Reading (Short)
This icon is used for text-based content that is short-form (e.g., faqs, forms/templates, checklists).
Reading (Infographic)
This icon is used for text-based content that features data visualizations (e.g., infographics, quick-hits).
Category Icons
Examples
Examples
