Skip to content

LyraVoid/APatch-Image-WebUI

Repository files navigation

APatch Icon Generator

With APatch, everyone deserves an icon in their own color.

简体中文 | English

Generate icons in any color for APatch. Pick a preset palette or set a custom color, preview in real time, and export a 512×512 PNG with one click.

Screenshot

Astro Tailwind CSS

✨ Features

  • 🎨 16 preset palettes — Material Design colors + original APatch green + more
  • 🖌️ Custom color — Native color picker + HEX input with live preview
  • 🌙 Adaptive background — Optional dark background layer (Android adaptive icon style)
  • 📐 Custom export size — Choose from 64 to 2048 px in 64 px steps
  • 🧾 SVG export — Download clean vector output in addition to PNG
  • 🌓 Dark mode — Follows system preference or manual toggle
  • 📱 Responsive design — Works on phones, tablets, and desktops
  • Pure frontend — No backend needed, just open and use

🛠 Tech Stack

Technology Purpose
Astro Static site framework
Tailwind CSS v4 Utility-first CSS

🚀 Quick Start

# Install dependencies (npm / pnpm / yarn)
pnpm install

# Start dev server
pnpm run dev

# Build for production
pnpm run build

📄 License

GPL-3.0

🙏 Acknowledgements

  • APatch by bmax121 — Source of icon vector data

© Matsuzaka Yuki · GitHub

About

Generate APatch icons in various colors

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors