Skip to content

mostafa-kheibary/icon-preview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 icon-preview

Easily preview all your SVG icons in one beautiful local webpage!

icon-preview demo

🚀 Features

  • 🔍 Recursively scans a folder for .svg files
  • 🖼️ Generates a neat preview page of all your icons
  • 🌐 Serves the preview locally in your browser
  • ⚡ Fast and easy to use with a single CLI command

📦 Installation

npm install -g icon-preview

🧪 Usage

Just run the CLI with the path to your SVG directory:

icon-preview ./path/to/icons

This will:

  1. Recursively find all .svg files in the given path
  2. Start a local web server
  3. Open a preview page in your default browser with all the icons

🌈 Example

icon-preview ./assets/icons

Will show a webpage like this:

📁 assets/icons
├── arrows/
│   ├── arrow-left.svg
│   └── arrow-right.svg
├── social/
│   ├── twitter.svg
│   └── github.svg
└── logo.svg

And the preview page will display all 5 icons in a grid 💫

🛠️ Development

git clone https://github.com/your-username/icon-preview
cd icon-preview
npm install
npm run dev

🤝 Contributing

Found a bug or want to add a feature? PRs and issues are welcome!

📄 License

MIT — Free to use, modify, and share.

About

easily preview all your icon in a single web page

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published