feat: App-Icon auf Münzen (weg vom Aktien-Look)

BrandMark + favicon.svg zeigen jetzt zwei Münzen statt der Trendlinie.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
Guido
2026-08-19 22:23:01 +02:00
co-authored by Claude Opus 4.8
parent a3ab03aeec
commit 30bc037579
2 changed files with 16 additions and 9 deletions
+10 -6
View File
@@ -1,7 +1,7 @@
import { APP_NAME } from "../brand";
// Wort-Bild-Marke für die Seitenleiste. Das Zeichen ist ein Inline-SVG
// (aufsteigende Trendlinie) im Akzentton – bewusst kein Emoji.
// (gestapelte Münzen) im Akzentton – bewusst kein Emoji.
export default function BrandMark({ showName = true, size = 26 }) {
return (
<div className="brand-mark">
@@ -14,15 +14,19 @@ export default function BrandMark({ showName = true, size = 26 }) {
focusable="false"
>
<rect x="1" y="1" width="30" height="30" rx="8" fill="var(--accent)" />
<path
d="M8 21 L14 15 L18 18 L24 10"
<g
transform="translate(2.2 2.2) scale(1.15)"
fill="none"
stroke="#ffffff"
strokeWidth="2.6"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
/>
<circle cx="24" cy="10" r="2.1" fill="#ffffff" />
>
<circle cx="8" cy="8" r="6" />
<path d="M18.09 10.37A6 6 0 1 1 10.34 18" />
<path d="M7 6h1v4" />
<path d="m16.71 13.88.7.71-2.82 2.82" />
</g>
</svg>
{showName && <span className="brand-name">{APP_NAME}</span>}
</div>