Skip to content

Latest commit

ย 

History

History
57 lines (38 loc) ยท 1.75 KB

File metadata and controls

57 lines (38 loc) ยท 1.75 KB

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