/**
* Brand marks for the platforms our page templates write for. Kept in their own
* file so page components never inline raw SVG, and drawn in each brand's own
* colour so a template card is recognisable before its title is read.
*/
/** Props every mark accepts. */
interface PlatformLogoProps {
/** Square pixel size. */
size?: number;
}
/**
* The LinkedIn mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function LinkedInLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The YouTube mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function YouTubeLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The Instagram mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function InstagramLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The Facebook mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function FacebookLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The X mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function XLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The TikTok mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function TikTokLogo({ size = 18 }: PlatformLogoProps) {
// The note takes the text colour: drawn white it vanished on the light
// chips of HQ and the gallery, where every mark sits on a light tint.
return (
);
}
/**
* The Pinterest mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function PinterestLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The WhatsApp mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function WhatsAppLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The Google mark, used for the Business Profile template.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function GoogleLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The Quora mark - the ringed Q, drawn in Quora's red. Simplified geometry, not
* the trademarked wordmark: enough for a merchant to recognise the card.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function QuoraLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The Reddit mark - the round face in Reddit orange. Simplified geometry, drawn
* from primitives rather than the trademarked artwork.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function RedditLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The G2 mark - the G ring in G2's orange. Simplified geometry, not the
* trademarked wordmark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function G2Logo({ size = 18 }: PlatformLogoProps) {
return (
);
}
/**
* The Amazon mark.
*
* @param {PlatformLogoProps} props - Optional pixel size.
* @return {React.ReactElement} The SVG element.
*/
export function AmazonLogo({ size = 18 }: PlatformLogoProps) {
return (
);
}