@patreon/studio/module/components/Logo/PatreonMark.jsx

Patreon Studio Design System

import cx from 'classnames';
import React from 'react';
import { tokens } from '../../tokens';
import styles from './Logo.module.css';
export function PatreonMark({ id, color = tokens.global.content.regular.default, height, width, 'data-tag': dataTag, className, style, }) {
    const classList = cx(styles.container, className);
    return (<div className={classList} style={style}>
      <svg id={id} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 436 476" style={{ fill: color, height, width }} data-tag={dataTag}>
        <title>Patreon logo</title>
        <path d="M436 143c-.084-60.778-47.57-110.591-103.285-128.565C263.528-7.884 172.279-4.649 106.214 26.424 26.142 64.089.988 146.596.051 228.883c-.77 67.653 6.004 245.841 106.83 247.11 74.917.948 86.072-95.279 120.737-141.623 24.662-32.972 56.417-42.285 95.507-51.929C390.309 265.865 436.097 213.011 436 143Z"/>
      </svg>
    </div>);
}
//# sourceMappingURL=PatreonMark.jsx.map