pphat.me logoRegistry
Docs/icons/usage

Using Icons

Download and manage custom vector icons directly in your frontend project using the @pphatdev/registry CLI.


Quick Start

1. Initialize Configuration

npx pphat init

Select Icons and choose your preferred formats (svg, nextjs, or nuxtjs) and destination paths.

2. Browse Available Icons

npx pphat list icons

3. Add Icons

Download one or multiple icons using add-icon (or add):

npx pphat add-icon react vue github

Format & Directory Overrides

To download an icon into a specific folder or format without updating pphatdev.json:

Download as Next.js (.tsx) Component

npx pphat add-icon github -f nextjs

Download as Nuxt.js (.vue) Component

npx pphat add-icon github -f nuxtjs

Download as Raw SVG

npx pphat add-icon github -f svg

Custom Output Directory

npx pphat add-icon react vue -d src/assets/icons