12-blade SVG spinner swapped for snowflake PNG

fedec65 replaced the custom MikeIcon SVG with a snowflake PNG, cutting ~290 lines of inline SVG path data. State indication now uses CSS filter tinting on the raster image rather than SVG fill changes.

brandingchat-ui

The diff is +23/-417. Almost all the deletion is the original SVG: 12 blade groups each with five layered fills (glass fill, inner light, prism gradient, specular highlight, border stroke), multiple linearGradient definitions, a feDropShadow filter, and a clipPath. The new component is a single <img> pointing at public/images/snowflake-icon.png.

The spin, done, error, and size props are kept, but the visual behavior changes. The SVG version colored individual paths to indicate state; the PNG version tints the whole image with CSS filters. That's less precise - you can shift the overall hue but you can't do per-element gradient changes on a raster image.

The favicon also changes: favicon.ico and icon.svg removed, icon.png added. The snowflake fits the Swiss brand direction alongside the BetterCallMitCH rename and the README overhaul.

So what Skip. The CSS-filter approach is a downgrade for anyone who wants the icon to carry distinct visual states for spinning, done, and error conditions. The SVG approach was more expressive even if it was verbose.

Spotted something wrong? Or know the PR text has fresher detail than the writeup above?

Commits in this thread

1 commit from fedec65/bettercallmitch, oldest first. Source extracted verbatim from the harvested git log.

SHA	Subject	Author	Date
`80a5669e`	ui: replace MikeIcon with snowflake icon	Federico Cesconi	2026-05-06	↗ GitHub
commit body - Replace complex 12-blade SVG spinner with snowflake PNG icon - Add snowflake image to public/images/snowflake-icon.png - Replace favicon.ico and icon.svg with icon.png (snowflake) - Preserve spin/done/error/size props with CSS filters for state tinting

SHA

Subject

Author

Date

80a5669e

ui: replace MikeIcon with snowflake icon

Federico Cesconi

2026-05-06

↗ GitHub

commit body

- Replace complex 12-blade SVG spinner with snowflake PNG icon
- Add snowflake image to public/images/snowflake-icon.png
- Replace favicon.ico and icon.svg with icon.png (snowflake)
- Preserve spin/done/error/size props with CSS filters for state tinting

Capture this thread into my fork

Download a single Markdown prompt that tells Claude how to port every commit above into your working tree — adapting paths and structure to match your repo. Run it via claude -p < capture-thread-65.md from inside the repo you want the changes in.