Bake background color/gradient into saved Avatar Creator avatar SVG

Fixkamo-internal
Shipped
March 11, 2026 at 8:10 PM UTC
Author
kamo
Commit
6cec35e

Avatar Creator generates transparent-background SVGs by default. The background was only applied as a CSS wrapper on the preview container, so the stored MinIO file had no background and avatars appeared transparent everywhere outside the Create Avatar dialog (chat heads, member lists, header, etc.). Adds addBackgroundToSvg() which injects a <rect> (solid) or <linearGradient>+<rect> (gradient) as the first child of the <svg> element before the file is uploaded. The background rx matches the Avatar Creator radius option so rounded corners stay consistent. Applied to both the create and edit paths so editing an avatar also re-uploads the corrected SVG.

All changes

Like what you see shipping?

Every one of these updates lands in your workspace automatically. Start free and watch it grow week after week.

Start Free ForeverView Pricing