# Watercolor UI — Icon Pack

288 hand-drawn (felt-pen) icons, re-inked from Feather (MIT) plus custom marks.

## What's inside
| Folder | Format | Use it for |
|--------|--------|-----------|
| `svg/` | SVG, `fill="currentColor"` | Web / code — color it with CSS `color` |
| `svg-ink/` | SVG, warm black `#241f1b` | Design tools, email, anywhere currentColor won't resolve |
| `png/24`, `png/48`, `png/96`, `png/256` | PNG (transparent) | Raster mockups, slides, docs |
| `pdf/` | Vector PDF | Illustrator, InDesign, print |
| `sprite.svg` | SVG symbol sprite | One request, reference by `#wc-i-NAME` |
| `icons.json` | `{ name: innerSVG }` | Tooling / your own build |
| `names.json` | `string[]` | The full name list |
| `index.html` | Cheat-sheet | Browse every icon by name |

## Web usage
```html
<!-- individual file -->
<img src="svg/feather.svg" width="24" alt="">

<!-- sprite (recolorable via CSS `color`) -->
<svg class="wc-icon"><use href="sprite.svg#wc-i-feather"/></svg>
<style>.wc-icon{width:24px;height:24px;fill:currentColor;color:#241f1b}</style>
```

## Figma / design tools
Drag any file from `svg-ink/` onto the canvas, or import the whole folder. The paths are filled
(not stroked), so scaling stays crisp and the felt-pen width variation is preserved.

## License
Icons derive from Feather Icons (MIT). Watercolor UI re-inking and custom marks: MIT.
