forked from external-repos/LifeTrinket
52 lines
2.4 KiB
TypeScript
52 lines
2.4 KiB
TypeScript
import PropTypes from 'prop-types';
|
|
import { SVGProps } from 'react';
|
|
interface SVGRProps {
|
|
title?: string;
|
|
titleId?: string;
|
|
size?: string;
|
|
}
|
|
const Trinket = ({
|
|
title,
|
|
titleId,
|
|
...props
|
|
}: SVGProps<SVGSVGElement> & SVGRProps) => {
|
|
return (
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
width={props.size || 16}
|
|
height={props.size || 16}
|
|
fill="none"
|
|
viewBox="0 0 364 472"
|
|
aria-labelledby={titleId}
|
|
{...props}
|
|
>
|
|
{title ? <title id={titleId}>{title}</title> : null}
|
|
<path
|
|
fill="#78A083"
|
|
d="M40.536 302.159c-6.366-1.843-13.102 1.822-14.118 8.371-1.599 10.309-1.49 20.912.345 31.493 2.538 14.638 8.327 28.947 17.037 42.11s18.895 21.898 32.45 31.582 32.017 14.639 48.355 19.37 34.674 9.982 51.306 9.04c16.633-.942 29.437-2.571 43.833-9.043s26.935-15.473 36.901-26.49c7.205-7.964 12.964-16.868 17.121-26.436 2.641-6.078-1.095-12.775-7.461-14.619L153.42 334.848zM323.254 168.504c6.37 1.832 13.099-1.846 14.102-8.397 1.579-10.312 1.449-20.915-.405-31.493-2.566-14.633-8.382-28.93-17.117-42.077s-18.937-21.862-32.511-31.52-32.044-14.578-48.391-19.278-34.693-9.916-51.324-8.942-29.432 2.626-43.815 9.126-26.905 15.525-36.851 26.56c-7.19 7.978-12.93 16.893-17.07 26.468-2.629 6.084 1.12 12.774 7.489 14.605l112.946 32.474z"
|
|
/>
|
|
<path
|
|
fill="url(#a)"
|
|
d="M75.577 127.413c2.38-5.473 3.57-8.209 5.537-9.963a12 12 0 0 1 6.168-2.906c2.604-.399 5.472.425 11.207 2.074l216.593 62.274c5.73 1.648 8.595 2.471 10.588 4.191a12 12 0 0 1 3.683 5.732c.736 2.528.295 5.476-.588 11.372l-10.644 71.096c-.14.937-.211 1.405-.317 1.865q-.141.614-.347 1.209c-.154.446-.343.881-.721 1.749l-28.861 66.269c-2.382 5.469-3.573 8.204-5.538 9.956a12 12 0 0 1-6.168 2.904c-2.603.398-5.469-.426-11.202-2.074L48.371 290.886c-5.732-1.648-8.597-2.472-10.59-4.191a12 12 0 0 1-3.684-5.735c-.735-2.527-.293-5.476.592-11.374l10.654-71.027c.14-.934.21-1.401.316-1.86q.142-.612.346-1.206c.153-.445.342-.878.718-1.744z"
|
|
/>
|
|
<defs>
|
|
<radialGradient
|
|
id="a"
|
|
cx={0}
|
|
cy={0}
|
|
r={1}
|
|
gradientTransform="matrix(-25.05324 87.13566 -130.70377 -37.57994 181.959 234.953)"
|
|
gradientUnits="userSpaceOnUse"
|
|
>
|
|
<stop stopColor="#FFF4BE" />
|
|
<stop offset={1} stopColor="#FFC374" />
|
|
</radialGradient>
|
|
</defs>
|
|
</svg>
|
|
);
|
|
};
|
|
Trinket.propTypes = {
|
|
title: PropTypes.string,
|
|
};
|
|
export default Trinket;
|