slate/common/logo.js
2021-06-08 15:53:30 -07:00

66 lines
5.8 KiB
JavaScript

export const Logo = (props) => (
<svg {...props} fill="none" viewBox="0 0 236 79" xmlns="http://www.w3.org/2000/svg">
<g clipRule="evenodd" fill="currentColor" fillRule="evenodd">
<path d="m217.464 54.8607c-6.06 0-11.06-4.3753-11.135-11.3369h28.241s.214-1.6208.214-3.6082c0-6.7976-1.92-12.0386-5.208-15.5818-3.289-3.5441-7.93-5.3723-13.337-5.3723-5.41 0-10.078 1.9779-13.392 5.6963-3.312 3.7168-5.258 9.1582-5.258 16.0648 0 6.9044 1.846 12.336 5.259 16.0428 3.414 3.7083 8.377 5.6701 14.567 5.6704 5.635.1002 11.16-1.6208 15.742-5.1302l.111-.0854-3.782-6.5418c-1.598 1.2996-3.652 2.3167-5.031 2.9079-1.778.7631-3.915 1.2744-6.991 1.2744zm6.112-25.5668c1.681 1.7391 2.622 4.2517 2.653 7.3749h-19.896c.109-2.7752 1.009-5.2854 2.644-7.1105 1.665-1.8584 3.948-3.0185 7.272-3.0185 3.28 0 5.618.9862 7.327 2.7541z" />
<path d="m196.252 61.3278v-7.7171c-1.658.634-3.09 1.0078-4.02 1.1408-.81.1157-1.407.1123-1.907.1095-1.222 0-2.185-.1755-2.646-.7613-.234-.2976-.406-.7148-.518-1.3028-.113-.588-.164-1.3367-.164-2.2886v-22.8095h9.255v-7.9531h-9.255v-15.40329l-8.724 4.93807v42.30672c0 3.8975.938 6.6181 2.647 8.3634 1.709 1.7459 4.162 2.4879 7.129 2.4879 1.936 0 3.349-.0295 8.203-1.1107z" />
<path d="m145.564 50.0758c-.13-2.7996 2.234-6.3596 8.56-7.414 1.673-.2798 5.026-.6475 8.874-.6575v2.8804c0 2.4791-.607 4.7853-2.025 6.5462-1.415 1.7578-3.652 2.9912-6.952 3.2992-1.948.1818-4.026.0336-5.635-.6713-1.598-.7005-2.727-1.9459-2.822-3.983zm21.458-27.9591c2.934 2.2444 4.691 5.7667 4.691 10.8569v20.15c.002.1365.006.5453.011.7956.01.5006.029 1.2059.066 2.0242.075 1.6377.252 3.9089.541 5.7118h-8.629l-.194-3.7299c-1.829 1.9315-4.963 4.1971-10.248 4.4803-4.636.2483-8.722-.7541-11.653-2.8952-2.936-2.1447-4.7-5.4226-4.7-9.6873 0-4.0325 1.918-7.2985 5.092-9.6421 3.169-2.3407 7.59-3.7621 12.614-4.1266.383-.0278.733-.055 1.097-.0832 1.387-.1076 2.961-.2296 7.288-.4582v-2.7355c0-1.9233-.632-3.4699-2.052-4.542-1.429-1.0785-3.678-1.6948-6.948-1.6948-3.788 0-6.84 1.0385-11.734 3.5836l-3.784-6.5448c5.819-3.5713 12.203-4.6512 16.929-4.6512 4.609 0 8.686.9497 11.613 3.1884z" />
<path d="m132.306 61.6543v-57.31189l-8.686 4.9387v52.37319z" />
<path d="m104.75 36.5927.001.0005c4.687 1.7791 8.282 3.3441 10.704 5.3565 2.435 2.0235 3.681 4.4975 3.681 8.0687 0 4.6451-2.041 7.7607-5.128 9.7072-3.077 1.9404-7.181 2.7134-11.314 2.7134-5.8374 0-12.0406-1.8193-16.293-5.2214l3.7836-6.5446c3.9873 2.6747 8.6335 4.1877 12.6074 4.1877 2.549 0 4.476-.4229 5.761-1.1922 1.275-.7634 1.922-1.8694 1.922-3.2732 0-1.3772-.944-2.4859-2.609-3.5084-1.662-1.0208-3.995-1.9263-6.681-2.9113l-.001-.0005c-4.6263-1.7414-7.8544-3.3729-9.9242-5.4308-2.0802-2.0682-2.979-4.5547-2.979-7.9693 0-3.6718 1.5772-6.5821 4.2236-8.57 2.6419-1.9844 6.3401-3.0435 10.5826-3.0435 5.615 0 10.731 1.945 14.592 4.6245l-3.788 6.5533c-3.489-2.3489-6.998-3.5994-11.046-3.5994-1.927 0-3.4142.431-4.4152 1.1199-.9975.6865-1.5144 1.6293-1.5144 2.6778 0 .5984.078 1.1286.2908 1.6264.2125.4972.5638.9722 1.1248 1.4536 1.1283.9681 3.089 1.9491 6.419 3.1751z" />
<path d="m54.9707 59.4117v7.0358l13.074-7.5436v-21.3229l-34.2575-19.7804v7.0358l28.1687 16.2625v14.2741zm6.9852-36.1851v8.0481l6.0888 3.5251v-15.0977l-34.0983-19.6808598-18.4574 10.6455598v21.4948l30.9779 17.8671v14.2923l-12.5205 7.2229-27.85767-16.0805v-8.048l-6.08873-3.5252v15.0977l33.9464 19.6051 18.6093-10.7512v-21.3145l-30.978-17.8913v-14.4559l12.3687-7.14023zm-48.8819-4.1314v-7.0403l-13.074 7.5714v21.4733l34.1056 19.6917v-7.038l-28.01687-16.1714v-14.4314z" />
</g>
</svg>
);
export const Symbol = (props) => {
return (
<svg {...props} viewBox="0 0 447 516" fill="none" xmlns="http://www.w3.org/2000/svg">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M446.353 386.57L362.353 435.038V391.124L408.353 364.528V269.318L222.853 162.225V118.312L446.353 247.363V386.57ZM408.353 151.624V204.624L446.353 226.624V129.624L222.853 0.624146L102.353 70.1241V210.463L306.353 328.124V423.455L222.853 471.624L38.3531 365.124V312.124L0.353149 290.124V387.124L222.853 515.624L344.353 445.43V306.277L140.353 188.456V92.0493L222.853 44.4236L408.353 151.624ZM0.353149 129.124L84.3531 80.4781V124.419L38.3531 151.124V247.369L222.853 353.863V397.789L0.353149 269.323V129.124Z"
fill="currentColor"
/>
</svg>
);
};
export const DarkSymbol = (props) => {
return (
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
d="M10 1.655a4 4 0 014 0l6.392 3.69a4 4 0 012 3.464v7.382a4 4 0 01-2 3.464L14 23.345a4 4 0 01-4 0l-6.392-3.69a4 4 0 01-2-3.464V8.809a4 4 0 012-3.464L10 1.655z"
fill="#4B4A4D"
/>
<g filter="url(#prefix__filter0_d)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.31 16.594v1.433L19 16.49v-4.342L11.952 8.12v1.432l5.795 3.312v2.907l-1.437.822zm1.437-7.369v1.64l1.253.717V8.508L11.984 4.5 8.187 6.668v4.377l6.373 3.638v2.91l-2.576 1.472-5.731-3.275v-1.639L5 13.433v3.075l6.984 3.992 3.83-2.19v-4.34L9.44 10.327V7.383l2.544-1.454 5.763 3.296zM7.69 8.385V6.95L5 8.492v4.373l7.017 4.01v-1.433l-5.764-3.293v-2.94l1.437-.825z"
fill="#EBEBEB"
/>
</g>
<defs>
<filter
id="prefix__filter0_d"
x={0}
y={2.5}
width={24}
height={26}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" />
<feOffset dy={3} />
<feGaussianBlur stdDeviation={2.5} />
<feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.2 0" />
<feBlend in2="BackgroundImageFix" result="effect1_dropShadow" />
<feBlend in="SourceGraphic" in2="effect1_dropShadow" result="shape" />
</filter>
</defs>
</svg>
);
};
export default Logo;