Notification Icons

Graphics

In keeping with the nature of a simple alert system, we decided to use graphic icons rather than text for these notifications. If you see a logo pop up, you can then go look at the actual notification on your iOS device. This is a great place to read the details of your message or alert, and this action will also clear the notification from the CPB!

By using the "Download: Project Zip" in the code window on the previous pages, you also got all the graphics files from the project GitHub repo. Copy these .bmp files to the root directory of your CIRCUITPY drive.

Connect to Bluetooth

This icon lets you know you need to pair your iOS device (from the Bluetooth settings page) with the CPB.

No Notifications

This bell icon lets you know that the CPB is connected over to an iOS device and awaiting new notifications.

Notification Icons

Here are some icons we made for popular notifications that are also included in the code.

Discord

Slack

SMS

Phone

iCal

Basecamp

Here's the old style Basecamp logo, in case you want to go that way...

CircuitPython is so fast and easy, pleasing clients with logo changes in minutes is possible, so here's the new logo, too! You can just change the icon name in code and use the one you want!

Customization

If you'd like to make new icons for other notifications, you'll need to create 16-bit .bmp files at 240x240 pixels.

You can use image software such as Photoshop, Affinity Photo, GIMP, or others to mask and layer an application icon on top of the black background and inside the white circle. Below you'll find a blank version of our design to use as a starting point.

Or, you can use any image you like, so long as you save or convert it first to the 240x240 .bmp file format first. You can use an online image converter for this.

Audio

We will trigger the playback of a .wav file when the Bluetooth connection is made. Get the file triode_rise.wav from the Project Zip noted above and move it to the root level of your CIRCUITPY drive.

This guide was first published on Dec 20, 2019. It was last updated on Dec 20, 2019.
This page (Notification Icons) was last updated on Jul 08, 2020.