Icons
Iconography can be used to communicate specific aspects. Icons are great visual cues.
Access Icons
Use icons from the HP library only. Do not make your own icons, or use other downloaded or third-party icons.
Use icons from the HP library only. Do not make your own icons, or use other downloaded or third-party icons.
Examples of iconography in motion
Examples of iconography in motion
Animated icons
Use subtle animations to bring out delight while animating icons. Do not stretch, distort, or modify the icon in any form.
Animated icons
Use subtle animations to bring out delight while animating icons. Do not stretch, distort, or modify the icon in any form.


Static icon


Animated icon


Static icon


Animated icon


Static icon


Animated icon


Static icon


Animated icon


Static icon


Animated icon


Static icon


Animated icon
Motion Guidelines
HP Creative Studio.
All Rights Reserved
Motion Guidelines
Motion Guidelines
HP Creative Studio.
All Rights Reserved
Icons
Iconography can be used to communicate specific aspects. Icons are great visual cues.
Access Icons
Use icons from the HP library only. Do not make your own icons, or use other downloaded or third-party icons.
Use icons from the HP library only. Do not make your own icons, or use other downloaded or third-party icons.
Examples of iconography in motion
Examples of iconography in motion
Animated icons
Use subtle animations to bring out delight while animating icons. Do not stretch, distort, or modify the icon in any form.
Animated icons
Use subtle animations to bring out delight while animating icons. Do not stretch, distort, or modify the icon in any form.

Static icon


Animated icon

Static icon


Animated icon

Static icon


Animated icon

Static icon


Animated icon

Static icon


Animated icon

Static icon


Animated icon