Files
familysync/apps/pwa/public/favicon.svg
T
Lucas Berger 4c99470c1a feat(17-02): apply approved family-house logo + regenerate icon set
- Overwrite logo.svg with approved higher-contrast family-house SVG
  (warm peach gradient bg, amber roof, bold white walls, heart finial,
  three clearly-spaced family figures in rose/gold/blue)
- Regenerate full icon/favicon set from new art:
  favicon.svg, favicon.ico (967 B), icon-192.png (192x192),
  icon-512.png (512x512), icon-maskable-512.png (512x512 safe-zone),
  apple-touch-icon.png (180x180)
- Approved brand decisions recorded for plan 17-04:
  accent #e8915a, --brand-logo-border-radius: 0
2026-06-18 12:42:43 -04:00

45 lines
1.9 KiB
XML

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="none">
<defs>
<linearGradient id="bg" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#FFEFE0"/>
<stop offset="1" stop-color="#FBD9BE"/>
</linearGradient>
<linearGradient id="roof" x1="0" y1="0" x2="0" y2="1">
<stop offset="0" stop-color="#EE9A5E"/>
<stop offset="1" stop-color="#E2823F"/>
</linearGradient>
</defs>
<!-- Warm peach rounded-square background -->
<rect width="512" height="512" rx="104" fill="url(#bg)"/>
<!-- Soft ground shadow under the house -->
<ellipse cx="256" cy="420" rx="150" ry="16" fill="#E2823F" opacity="0.14"/>
<!-- House walls: bold white, rounded, high contrast on peach -->
<rect x="150" y="250" width="212" height="166" rx="26" fill="#FFFFFF"/>
<!-- Roof: amber, overhangs the walls, friendly thick form -->
<path d="M256 108 L96 256 a14 14 0 0 0 9.5 24.5 L406.5 280.5 a14 14 0 0 0 9.5 -24.5 Z" fill="url(#roof)"/>
<!-- Heart finial above the roof peak -->
<path d="M256 70 c-9 -16 -34 -12 -34 8 c0 14 18 24 34 38 c16 -14 34 -24 34 -38 c0 -20 -25 -24 -34 -8 Z" fill="#F25C7A"/>
<!-- ===== Family of three, clearly spaced inside the home ===== -->
<!-- Parent (rose) -->
<path d="M170 408 v-40 a26 26 0 0 1 52 0 v40 Z" fill="#F25C7A"/>
<circle cx="196" cy="332" r="25" fill="#FFD8B8"/>
<path d="M171 330 a25 25 0 0 1 50 0 a40 40 0 0 0 -50 0 Z" fill="#6F4A38"/>
<!-- Child (warm gold), smaller, centered -->
<path d="M234 408 v-30 a22 22 0 0 1 44 0 v30 Z" fill="#F2A93C"/>
<circle cx="256" cy="350" r="21" fill="#FFD8B8"/>
<path d="M235 349 a21 21 0 0 1 42 0 a34 34 0 0 0 -42 0 Z" fill="#C97D4A"/>
<!-- Parent (blue) -->
<path d="M290 408 v-40 a26 26 0 0 1 52 0 v40 Z" fill="#4A90D9"/>
<circle cx="316" cy="332" r="25" fill="#FFD8B8"/>
<path d="M291 330 a25 25 0 0 1 50 0 a40 40 0 0 0 -50 0 Z" fill="#3A2A22"/>
</svg>