pebble
  • Tutorials
  • Get the SDK
  • Guides
  • Documentation
  • Examples
  • Community
  • Blog
  • More
Privacy
Cookies
Publish

Guides

  • Table of Contents
  • 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
  • Migrating Older Apps
  • Pebble Packages
  • Pebble Timeline
  • Rocky.js
  • Smartstraps
  • 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.

Pebble Timeline Pin Icons

Many timeline pin icons are available in Pebble Draw Command or PDC format (as described in Vector Graphics) for use in watchfaces and watchapps. These are useful in many kinds of generic apps.

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

  • Pebble Timeline Pin Icons
  • Example PDC icon SVG Files
  • Example Action Bar Icons