File size: 1,445 Bytes
4083225 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 | export default function LogoMark({ className = "" }) {
return (
<svg
className={className}
viewBox="0 0 64 64"
role="img"
aria-label="FrameVis logo"
>
<defs>
<linearGradient id="fv-gold" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stopColor="var(--accent)" />
<stop offset="100%" stopColor="var(--accent-soft)" />
</linearGradient>
</defs>
<rect
x="5"
y="5"
width="54"
height="54"
rx="9"
fill="rgba(200, 169, 110, 0.04)"
stroke="rgba(200, 169, 110, 0.28)"
/>
{/* "Frame" corners to convey perspective/framing */}
<path
d="M14 22V14H22M42 14H50V22M50 42V50H42M22 50H14V42"
stroke="url(#fv-gold)"
strokeWidth="2.5"
strokeLinecap="round"
fill="none"
/>
{/* Globe to represent worldwide coverage */}
<circle
cx="32"
cy="32"
r="14"
fill="none"
stroke="url(#fv-gold)"
strokeWidth="2.2"
/>
<path
d="M18 32H46M32 18V46"
fill="none"
stroke="url(#fv-gold)"
strokeWidth="1.7"
strokeLinecap="round"
/>
<path
d="M23 21.5C27 25 27 39 23 42.5M41 21.5C37 25 37 39 41 42.5"
fill="none"
stroke="url(#fv-gold)"
strokeWidth="1.5"
strokeLinecap="round"
/>
</svg>
);
}
|