# Blocks Icons

This directory contains scripts, configuration, and templates used to generate the SVG React icons.

## Generating Icons

1. **Place raw SVG files** in their corresponding directory under the `svg/` folder.

2. **Normalize file names** (remove spaces, replace dashes, etc.) by running:

```bash
cd utils
node normalizeFileNames.js
```

3. **Generate SVG components with SVGR cli**

```bash
pnpm dlx @svgr/cli --index-template ./index-template.js --typescript --out-dir ../library ../svg

```

4. **Format Generated icons**

```bash
prettier --write \"src/icons/library\"
```