GoogleMark
Google's “G” in its own four colours, as the leading icon of the button that leads to a studio's Google reviews.
On a button
import { GoogleMark } from "@/components/shared/google-mark";
<ButtonLink href={reviewUrl} variant="secondary" leadingIcon={GoogleMark}>
Review on Google
</ButtonLink>Guidelines
- A brand's mark keeps its colours: the four come from theme tokens (--color-google-*), never recoloured to ink.
- Only where the link really goes to Google; another review site's button has no mark.
- On a secondary button: the colours need the white glass under them.
API
| Prop | Type | Default | Description |
|---|---|---|---|
| …props | SVGProps<SVGSVGElement> | — | An icon's props; a button sizes it through leadingIcon. Hidden from screen readers: the words say where it goes. |