# Icon Naming Process

## Files Created:
- `icons.csv` - Updated with "icon_name" column
- `icon_viewer.html` - Web interface to view and name icons
- `populate_icon_names.js` - Script to add names to CSV

## Step-by-Step Process:

### 1. View the Icons
- Open `icon_viewer.html` in your web browser
- You'll see all 138 icons in a grid layout
- Each icon shows its number and has an input field for naming

### 2. Name the Icons
- Look at each icon and enter appropriate names in the input fields
- The progress counter shows how many you've named
- Names should be descriptive (e.g., "hamburger", "pizza", "coffee", "delivery")

### 3. Export Named Icons (Optional)
- Click "Export Named Icons" to download a CSV of only the named icons
- This helps you review your naming before finalizing

### 4. Update the Main CSV
- Edit `populate_icon_names.js`
- Replace the placeholder names in the `iconNames` array with your actual names
- Run the script: `node populate_icon_names.js`

## Example Icon Names:
- Food items: "pizza", "burger", "pasta", "salad"
- Drinks: "coffee", "soda", "juice", "beer"
- Categories: "fast_food", "italian", "asian", "desserts"
- Actions: "delivery", "pickup", "favorite", "cart"

## Tips:
- Use consistent naming conventions (snake_case or camelCase)
- Keep names short but descriptive
- Group similar icons with consistent prefixes if applicable
- Review all names before running the populate script

The final CSV will have all original columns plus the new "icon_name" column with your custom names.