Sitemap
Lakshydeep Vikram

Lakshydeep Vikram⁠

Software Developer | Google Dev Library Author | Flutter Enthusiast

Member-only story

Creating Custom Drawable Notification Icons in Flutter: A Step-by-Step Guide

4 min readNov 16, 2024

--

Press enter or click to view image in full size

Introduction

Drawable Notification Icon [Small Icon] are typically monochrome and are designed to provide a clean, professional look while conforming to Android’s Material Design guidelines. It must be transparent. The icon should be scaled to the proper resolution for each drawable folder:

  • drawable-mdpi: 24x24 px
  • drawable-hdpi: 36x36 px
  • drawable-xhdpi: 48x48 px
  • drawable-xxhdpi: 72x72 px
  • drawable-xxxhdpi: 96x96 px

Use Case

These Icons are used only in android notification. In iOS, notifications are handled differently and iOS uses app icon for notification.

How to generate?

If you’re working on a single app then you can use Android Asset Studio which will generate drawable icons.

But…
What if when you’re working on a flavor???
How to generate now?
Uploading one image at a time to a
Android Asset Studio, downloading it, placing it to respective res/ folder. Won’t it be a hectic???

Solution: Python Script

--

--

Lakshydeep Vikram
Lakshydeep Vikram

Written by Lakshydeep Vikram⁠

Software Developer | Google Dev Library Author | Flutter Enthusiast