pebble
  • Tutorials
  • Get the SDK
  • Guides
  • Documentation
  • PebbleOS
  • Mobile App
  • Examples
  • Index 01
  • Community
  • Blog
  • More
Privacy
Cookies
Publish

Guides

  • Table of Contents
  • Alloy
  • Building with AI Agents
  • App Resources
    • Animated Images
    • App Assets
    • Converting SVG to PDC
    • Fonts
    • Images
    • Pebble Draw Command File Format
    • Platform-specific Resources
    • Raw Data Files
    • System Fonts
  • Appstore Publishing
  • Best Practices
  • Communication
  • Debugging
  • Design and Interaction
  • Events and Services
  • Graphics and Animations
  • Pebble Packages
  • Pebble Timeline
  • Plugins (Preview)
  • Tools and Resources
  • User Interfaces

App Assets

This guide contains some resources available for developers to use in their apps to improve consistency, as well as for convenience. For example, most ActionBarLayer implementations will require at least one of the common icons given below.

Example PDC icon SVG Files

Many of the system PDC animations are available for use in watchfaces and watchapps as part of the pdc-sequence example project.

Example Action Bar Icons

There is a set of example icons for developers to use for common actions. Each icon is shown below as a preview, along with a short description about its suggested usage.

Preview Description
Check mark for confirmation actions.
Cross mark for dismiss, cancel, or decline actions.
Up arrow for navigating or scrolling upwards.
Down arrow for navigating or scrolling downwards.
Pencil icon for edit actions.
Trash can icon for delete actions.
Stylized 'zzz' for snooze actions.
Ellipsis to suggest further information or actions are available.
Common icon for play actions.
Common icon for pause actions.
Common icon for skip forward actions.
Common icon for skip backward actions.
Common icon for raising volume.
Common icon for lowering volume.
You need JavaScript enabled to read and post comments.

Overview

  • Example PDC icon SVG Files
  • Example Action Bar Icons