Redraw in vector

You need to perform a manual redraw of icons into production-ready SVG, suitable for an interactive map (Mapbox).

1. House icon (color / active) — this is the logo mark

2. Map pin active (color / active) — a pin with the same house inside

3. Examples inactive (house/pin) — just to show the “muted” level, NOT as a separate design/geometry

1) What needs to be done (main scope)

A) House icon — ACTIVE

• Redraw manually into clean vector from scratch (Pen tool, neat geometry)

• No auto-trace

File: house-active.svg

B) Map pin — ACTIVE

• Redraw manually the pin shape from scratch

• Inside there must be the same house as in house-active.svg (do not draw the house again)

File: pin-active.svg

2) Inactive states — CRITICALLY IMPORTANT (no redrawing)

Main rule

Inactive versions MUST NOT be redrawn.
They must be made as a copy of active, where only colors/contrast are changed.

✅ Geometry must be 100% identical (the same paths, the same curves, the same proportions).
❌ Changing shape, thickness, radii, details or “fitting” the outline is prohibited.

Inactive PNGs that I provide are only for understanding what level of muting is needed.

3) TWO levels of inactive (A/B) — what needs to be delivered

2 muted options, so you need to create two levels of muting:

Inactive A (soft muted)

• more “soft”, lighter/less contrasting

• looks intentional, but quieter

Inactive B (higher contrast muted)

• also muted, but a bit more contrasting/darker, so it does not disappear on light map styles

• not “disabled”, but “muted but readable”

Files (mandatory)

• pin-inactive-A.svg

• pin-inactive-B.svg

Files (highly desirable for system consistency)

• house-inactive-A.svg

• house-inactive-B.svg

4) Workflow (to keep the system consistent)

1. First create house-active.svg

2. Then create pin-active.svg, using the same house inside

3. Then create inactive A/B as copies of the respective active SVGs, changing only colors

5) SVG requirements (Mapbox / production)

• Manual redraw, no Image Trace / auto-trace

• Low path count, minimum points

• No: masks, clipPath, filters, effects, embedded raster

• Preference for solid fills
  (if an “accent” on a leaf is needed — better 2 simple layers/shapes than a complex gradient)

• Readability at 16 / 20 / 24 px (the icon must be “readable” at small sizes)

6) Acceptance criteria

• Active and inactive must have identical geometry, the difference is only in colors

• House standalone and house inside pin — the same shape

• SVGs are clean, lightweight, ready for integration into the product (Mapbox)

7) Deliverables (summary list)

Mandatory:

• house-active.svg

• pin-active.svg

• pin-inactive-A.svg

• pin-inactive-B.svg

• house-inactive-A.svg

• house-inactive-B.svg