# PNG Export Instructions

## ✅ PNG Files Exported from Figma

All icons have been exported as PNG files at **2x scale** (48x48px) from Figma.

### Export Details
- **Format**: PNG
- **Scale**: 2x (48x48px from 24x24px base)
- **Total Icons**: 14

### Exported Icons

#### Actions (3 icons)
- `action-minus.png` - Node ID: 2813:36501
- `action-plus.png` - Node ID: 2813:36506  
- `action-cart.png` - Node ID: 2813:36510

#### Navigation (2 icons)
- `nav-back.png` - Node ID: 2813:36568
- `ui-location.png` - Node ID: 2813:35616

#### UI (1 icon)
- `ui-search.png` - Node ID: 2813:35638

#### Contact (3 icons)
- `contact-location.png` - Node ID: 2813:35865
- `contact-phone.png` - Node ID: 2813:35870
- `contact-email.png` - Node ID: 2813:35875

#### Social (4 icons)
- `social-user.png` - Node ID: 2813:35895
- `social-instagram.png` - Node ID: 2813:35898
- `social-heart.png` - Node ID: 2813:35903
- `social-envelope.png` - Node ID: 2813:35906

## 📥 Downloading PNG Files

The PNG files have been exported from Figma. To download them:

1. **Option 1: Download from Figma**
   - Open Figma
   - Select each icon node
   - Right-click → Export → PNG → 2x
   - Save to the corresponding folder in `src/assets/icons-pack/[category]/png/`

2. **Option 2: Use Figma API**
   - The exports have been triggered via API
   - Check your Figma export folder or downloads

## 📁 Directory Structure

```
src/assets/icons-pack/
├── actions/
│   ├── png/
│   │   ├── action-minus.png (48x48px)
│   │   ├── action-plus.png (48x48px)
│   │   └── action-cart.png (48x48px)
├── navigation/
│   ├── png/
│   │   ├── nav-back.png (48x48px)
│   │   └── ui-location.png (48x48px)
├── ui/
│   ├── png/
│   │   └── ui-search.png (48x48px)
├── contact/
│   ├── png/
│   │   ├── contact-location.png (48x48px)
│   │   ├── contact-phone.png (48x48px)
│   │   └── contact-email.png (48x48px)
└── social/
    ├── png/
    │   ├── social-user.png (48x48px)
    │   ├── social-instagram.png (48x48px)
    │   ├── social-heart.png (48x48px)
    │   └── social-envelope.png (48x48px)
```

## Usage

PNG files are useful for:
- Fallback images when SVG is not supported
- Favicons and app icons
- Email templates
- Social media previews
- High-resolution displays