feat: Unify Marimo icons to SVG and improve component structure

[daizutabi]

📝 Summary

This PR refactors Marimo icons to use SVG components, improving scalability, consistency, and reusability.

Previously, the Marimo icons were rendered using direct PNG image imports. This approach made it difficult to maintain consistency and apply global styling changes.

Closes #8453

🔍 Description of Changes

• frontend/src/components/icons/marimo-icons.tsx:

  • A new file introduced to define MarimoIcon, MarimoMultiIcon, and MarimoPlusIcon components.
  • These components encapsulate the SVG paths of the Marimo logo, allowing for consistent rendering.
  • Props such as fill, stroke, strokeWidth, and size are exposed for easy customization.
  • Helper components MarimoLetterPaths and MarimoCirclePaths are used internally, with SVG paths extracted from the official docs/_static/marimo-logotype-thick.svg.

• frontend/src/components/editor/file-tree/file-explorer.tsx:

  • Replaced direct image imports and manual icon compositions with the new MarimoIcon and MarimoPlusIcon components.

• frontend/src/components/pages/run-page.tsx:

  • The watermark now uses the MarimoIcon component, replacing the direct image import.

📋 Checklist

• I have read the contributor guidelines.
• For large changes, or changes that affect the public API: this change was discussed or approved through an issue, on Discord, or the community discussions (Please provide a link if applicable).
• Tests have been added for the changes made.
• Documentation has been updated where applicable, including docstrings for API changes.
• Pull request title is a good summary of the changes - it will be used in the release notes.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
marimo-docs	Ready	Preview, Comment	Feb 27, 2026 10:36am

[Light2Dark]

This is super cool, thanks. I think there is a lint error if you can fix that. Might be an eslint error

[daizutabi]

Thanks! I added a copyright header to marimo-icons.tsx and refactored it to use the ?? operator for prop defaults.