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 initSelect Icons and choose your preferred formats (svg, nextjs, or nuxtjs) and destination paths.
2. Browse Available Icons
❯
npx pphat list icons3. Add Icons
Download one or multiple icons using add-icon (or add):
❯
npx pphat add-icon react vue githubFormat & 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 nextjsDownload as Nuxt.js (.vue) Component
❯
npx pphat add-icon github -f nuxtjsDownload as Raw SVG
❯
npx pphat add-icon github -f svgCustom Output Directory
❯
npx pphat add-icon react vue -d src/assets/icons