slate/common/logo.js
2021-11-24 11:38:48 -08:00

122 lines
16 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 const Discord = (props) => {
return (
<svg viewBox="0 0 71 55" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<g clipPath="url(#clip0)">
<path
d="M60.1045 4.8978C55.5792 2.8214 50.7265 1.2916 45.6527 0.41542C45.5603 0.39851 45.468 0.440769 45.4204 0.525289C44.7963 1.6353 44.105 3.0834 43.6209 4.2216C38.1637 3.4046 32.7345 3.4046 27.3892 4.2216C26.905 3.0581 26.1886 1.6353 25.5617 0.525289C25.5141 0.443589 25.4218 0.40133 25.3294 0.41542C20.2584 1.2888 15.4057 2.8186 10.8776 4.8978C10.8384 4.9147 10.8048 4.9429 10.7825 4.9795C1.57795 18.7309 -0.943561 32.1443 0.293408 45.3914C0.299005 45.4562 0.335386 45.5182 0.385761 45.5576C6.45866 50.0174 12.3413 52.7249 18.1147 54.5195C18.2071 54.5477 18.305 54.5139 18.3638 54.4378C19.7295 52.5728 20.9469 50.6063 21.9907 48.5383C22.0523 48.4172 21.9935 48.2735 21.8676 48.2256C19.9366 47.4931 18.0979 46.6 16.3292 45.5858C16.1893 45.5041 16.1781 45.304 16.3068 45.2082C16.679 44.9293 17.0513 44.6391 17.4067 44.3461C17.471 44.2926 17.5606 44.2813 17.6362 44.3151C29.2558 49.6202 41.8354 49.6202 53.3179 44.3151C53.3935 44.2785 53.4831 44.2898 53.5502 44.3433C53.9057 44.6363 54.2779 44.9293 54.6529 45.2082C54.7816 45.304 54.7732 45.5041 54.6333 45.5858C52.8646 46.6197 51.0259 47.4931 49.0921 48.2228C48.9662 48.2707 48.9102 48.4172 48.9718 48.5383C50.038 50.6034 51.2554 52.5699 52.5959 54.435C52.6519 54.5139 52.7526 54.5477 52.845 54.5195C58.6464 52.7249 64.529 50.0174 70.6019 45.5576C70.6551 45.5182 70.6887 45.459 70.6943 45.3942C72.1747 30.0791 68.2147 16.7757 60.1968 4.9823C60.1772 4.9429 60.1437 4.9147 60.1045 4.8978ZM23.7259 37.3253C20.2276 37.3253 17.3451 34.1136 17.3451 30.1693C17.3451 26.225 20.1717 23.0133 23.7259 23.0133C27.308 23.0133 30.1626 26.2532 30.1066 30.1693C30.1066 34.1136 27.28 37.3253 23.7259 37.3253ZM47.3178 37.3253C43.8196 37.3253 40.9371 34.1136 40.9371 30.1693C40.9371 26.225 43.7636 23.0133 47.3178 23.0133C50.9 23.0133 53.7545 26.2532 53.6986 30.1693C53.6986 34.1136 50.9 37.3253 47.3178 37.3253Z"
fill="#ffffff"
/>
</g>
<defs>
<clipPath id="clip0">
<rect width="71" height="55" fill="white" />
</clipPath>
</defs>
</svg>
);
};
export const Twitter = (props) => {
return (
<svg xmlns="http://www.w3.org/2000/svg" fill="white" viewBox="0 0 248 204" {...props}>
<g id="Logo_1_">
<path
id="white_background"
class="st0"
d="M221.95,51.29c0.15,2.17,0.15,4.34,0.15,6.53c0,66.73-50.8,143.69-143.69,143.69v-0.04
C50.97,201.51,24.1,193.65,1,178.83c3.99,0.48,8,0.72,12.02,0.73c22.74,0.02,44.83-7.61,62.72-21.66
c-21.61-0.41-40.56-14.5-47.18-35.07c7.57,1.46,15.37,1.16,22.8-0.87C27.8,117.2,10.85,96.5,10.85,72.46c0-0.22,0-0.43,0-0.64
c7.02,3.91,14.88,6.08,22.92,6.32C11.58,63.31,4.74,33.79,18.14,10.71c25.64,31.55,63.47,50.73,104.08,52.76
c-4.07-17.54,1.49-35.92,14.61-48.25c20.34-19.12,52.33-18.14,71.45,2.19c11.31-2.23,22.15-6.38,32.07-12.26
c-3.77,11.69-11.66,21.62-22.2,27.93c10.01-1.18,19.79-3.86,29-7.95C240.37,35.29,231.83,44.14,221.95,51.29z"
/>
</g>
</svg>
);
};
export const PLHorizontal = (props) => {
return (
<svg viewBox="0 0 597 160" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M388.478 54.2378V99.9741H397.493V54.2378H388.478ZM264.242 90.7387V87.6603V71.8286H271.278V65.8916H264.242V54.4575H255.227V65.8916H250.169V71.8286H255.227V88.7597C255.227 90.7387 255.227 92.278 255.446 93.8172C255.886 98.6547 258.305 100.853 264.902 100.853C266.881 100.853 268.859 100.634 270.838 100.414V94.4768C265.781 94.9166 264.462 94.037 264.242 90.7387ZM174.088 82.8229C180.685 81.9434 186.182 77.3257 186.182 69.19C186.182 60.8343 180.905 56.2167 174.308 55.3372C171.89 55.1173 170.35 55.1172 167.712 55.1172H152.1V99.974H160.895V83.0428H167.492H167.494C170.131 83.0428 171.89 83.0428 174.088 82.8229ZM171.45 62.5934C174.528 63.0331 176.727 65.0121 176.727 69.19C176.727 73.3678 174.528 75.3467 171.45 76.0064C170.57 76.2263 169.031 76.2263 167.492 76.2263H161.115V62.3734H167.492C169.031 62.3734 170.57 62.3735 171.45 62.5934ZM210.59 72.0485V64.7922C209.71 64.5723 209.05 64.5723 207.951 64.5723C205.972 64.5723 203.773 65.4519 202.014 66.9911L199.375 71.8286V65.4519H190.36V99.974H199.375V84.1422C199.375 74.907 203.114 71.6087 210.59 72.0485ZM247.97 82.6029C247.97 93.1575 241.594 100.853 230.159 100.853C218.725 100.853 212.349 93.1575 212.349 82.6029C212.349 72.0484 218.725 64.3524 230.159 64.3524C241.594 64.5723 247.97 72.2683 247.97 82.6029ZM238.735 82.6029C238.735 75.1268 235.437 70.7292 230.159 70.7292C224.882 70.7292 221.584 75.1268 221.584 82.6029C221.584 90.0791 224.882 94.4769 230.159 94.4769C235.437 94.4769 238.735 90.0791 238.735 82.6029ZM309.538 82.6029C309.538 93.1575 303.162 100.853 291.728 100.853C280.293 100.853 273.917 93.1575 273.917 82.6029C273.917 72.0484 280.293 64.3524 291.728 64.3524C302.942 64.5723 309.538 72.2683 309.538 82.6029ZM300.083 82.6029C300.083 75.1268 296.785 70.7292 291.508 70.7292C286.23 70.7292 282.932 75.1268 282.932 82.6029C282.932 90.0791 286.23 94.4769 291.508 94.4769C297.005 94.4769 300.083 90.0791 300.083 82.6029ZM336.804 77.9854H345.6C344.94 70.2894 339.223 64.5723 329.988 64.5723C320.533 64.5723 312.837 71.1689 312.837 83.0428C312.837 94.9166 319.873 100.853 329.328 100.853C337.904 100.853 344.28 96.6757 345.82 88.1001H336.804C335.925 92.4978 333.286 94.6967 329.768 94.6967C325.37 94.6967 322.072 91.1785 322.072 82.603C322.072 74.6871 325.15 70.949 329.768 70.949C333.286 70.949 335.925 72.928 336.804 77.9854ZM384.52 82.6029C384.52 93.1575 378.143 100.853 366.709 100.853C355.275 100.853 348.898 93.1575 348.898 82.6029C348.898 72.0484 355.275 64.3524 366.709 64.3524C378.143 64.5723 384.52 72.2683 384.52 82.6029ZM375.284 82.6029C375.284 75.1268 371.986 70.7292 366.709 70.7292C361.432 70.7292 358.133 75.1268 358.133 82.6029C358.133 90.0791 361.432 94.4769 366.709 94.4769C371.986 94.4769 375.284 90.0791 375.284 82.6029ZM452.904 99.9741H420.581V54.2378H429.596V92.4979H452.904V99.9741ZM475.333 98.6546L477.092 94.9167L477.531 99.974H486.327C485.887 96.0161 485.667 93.8172 485.667 91.1786V79.9643C485.667 78.2052 485.667 76.2263 485.447 74.6871C484.788 68.7502 481.27 64.5723 471.594 64.5723C463.459 64.5723 457.082 68.97 456.862 76.666H465.658C465.878 72.7081 467.856 70.7292 471.375 70.7292C474.893 70.7292 476.432 72.4882 476.652 74.9069C476.872 76.2263 476.872 77.1058 476.872 78.2052V78.8649H474.673C462.359 78.8649 455.763 83.0428 455.763 90.7388C455.763 97.3354 460.82 100.853 466.757 100.853C470.055 100.853 472.914 100.194 475.333 98.6546ZM477.092 84.362V87.2207C477.092 92.0582 474.013 94.4769 470.495 94.4769C467.197 94.4769 465.218 93.1576 465.218 90.0791C465.218 85.4615 470.055 83.9223 477.092 84.362ZM528.545 81.9434C528.545 94.4769 520.849 100.854 512.054 100.854C509.195 100.854 505.677 100.194 503.918 98.8747L501.719 95.3564V99.9741H492.704V54.2378H501.719V70.7293L504.358 66.9912C506.337 65.452 509.855 64.5723 513.373 64.5723C522.828 64.5723 528.545 71.8286 528.545 81.9434ZM519.09 82.603C519.09 75.5667 515.792 70.7293 510.295 70.7293C505.457 70.7293 501.279 73.8076 501.279 82.1632V83.7025C501.279 91.6184 505.677 94.257 509.855 94.257C515.352 94.4769 519.09 90.5189 519.09 82.603ZM550.974 75.3467H559.989C559.109 69.1899 554.492 64.3524 546.356 64.3524C538.22 64.3524 532.723 68.3103 532.723 74.9069C532.723 80.8439 537.121 83.7024 543.497 85.2416C549.434 86.7808 551.633 88.32 551.633 90.9586C551.633 93.3773 549.434 94.6967 546.576 94.6967C543.497 94.6967 540.859 92.9376 540.199 89.1995H531.184C532.063 96.8955 538 100.634 546.356 100.634C554.272 100.634 560.649 97.3353 560.649 90.299C560.649 83.9223 556.471 81.0637 549.434 79.3046C543.717 77.9853 541.519 76.6661 541.519 74.0275C541.519 71.8286 543.058 70.2894 545.696 70.2894C548.555 70.2894 550.314 72.2683 550.974 75.3467Z"
fill="black"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M39.0784 49.62L55.7897 40.1649C56.2295 39.945 56.6693 39.945 57.1091 40.1649L96.2488 62.5933C96.6886 63.0331 96.6886 63.6927 96.2488 63.9126L79.5374 73.3677C79.0977 73.5876 78.6579 73.5876 78.2181 73.3677L39.0784 50.9394C38.6386 50.4996 38.6386 49.8399 39.0784 49.62ZM83.4954 49.62L100.207 40.1649C100.647 39.945 101.306 39.945 101.526 40.1649L118.457 49.84C118.897 50.2797 118.897 50.9393 118.457 51.1592L101.746 60.6143C101.306 60.8342 100.866 60.8342 100.427 60.6143L83.4954 50.9394C83.0556 50.4996 83.0556 49.8399 83.4954 49.62ZM80.6369 78.2053V97.5552C80.6369 97.995 81.2965 98.4349 81.7363 98.215L98.6675 88.54L98.6676 88.5398C98.8875 88.32 99.1073 88.1002 99.1073 87.8803V68.3104C99.1073 67.8706 98.4476 67.4309 98.0079 67.6508L81.5164 77.1059C81.0766 77.3257 80.6369 77.7655 80.6369 78.2053ZM120.436 54.8975L103.725 64.3526C103.065 64.5725 102.845 65.0123 102.845 65.2322V89.1997C102.845 89.8594 102.625 90.2992 102.186 90.5191L81.2965 102.393C80.8568 102.833 80.6369 103.273 80.6369 103.712V123.062C80.6369 123.722 81.2965 123.942 81.7363 123.722L120.876 101.733C121.316 101.293 121.536 100.854 121.536 100.414V55.5572C121.536 54.8975 120.876 54.6776 120.436 54.8975ZM76.8988 78.2051V97.775C76.8988 98.2148 76.4591 98.4347 76.0193 98.2148L55.5699 86.5607C55.1301 86.3409 54.4704 86.5609 54.4704 87.2205V110.309C54.4704 110.748 53.8108 111.188 53.371 110.968L36.6597 101.513C36.2199 101.293 36 100.853 36 100.194V55.117C36 54.6773 36.6597 54.2375 37.0994 54.4574L76.2392 76.8858C76.679 77.1057 76.8988 77.7653 76.8988 78.2051ZM76.0193 102.613L59.3079 92.9376C58.8682 92.7178 58.2085 93.1575 58.2085 93.5973V112.947C58.2085 113.607 58.4284 114.047 58.8682 114.267L75.5795 123.942C76.0193 124.161 76.6789 123.722 76.6789 123.282V103.932C76.6789 103.272 76.4591 102.833 76.0193 102.613Z"
fill="black"
/>
</svg>
);
};
export default Logo;