UNPKG

@axeptio/design-system

Version:

Design System for Axeptio

github.com/axeptio/design-system

axeptio/design-system

38 lines (33 loc) • 9.59 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
import React from 'react'; import PropTypes from 'prop-types'; import styled from 'styled-components'; const Root = styled.div` svg { width: 100%; max-width: ${props => props.width || 200}px; } `; const Logo = ({ width, theHand }) => ( <Root width={width}> {theHand ? ( <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 153 98" fill="none"> <path fill="#212121" d="M37.517 87.1826a6.5168 6.5168 0 0 0 2.0778-1.4075l74.3972-74.7662a6.5325 6.5325 0 0 0 1.844-4.5493c0-1.6984-.661-3.33-1.844-4.5493A6.4086 6.4086 0 0 0 111.913.502 6.4228 6.4228 0 0 0 109.451 0a6.1691 6.1691 0 0 0-2.463.5026 6.3183 6.3183 0 0 0-2.094 1.4076L35.0036 72.0685 11.0087 47.9563a6.3178 6.3178 0 0 0-2.0945-1.4075 6.1678 6.1678 0 0 0-2.4632-.5027 6.2843 6.2843 0 0 0-2.4632.5027 6.0833 6.0833 0 0 0-2.0777 1.4075 6.3852 6.3852 0 0 0-1.4243 2.0778 6.535 6.535 0 0 0 0 4.9431A6.703 6.703 0 0 0 1.91 57.055l28.6363 28.7201a6.1333 6.1333 0 0 0 2.061 1.3908c.776.32 1.6071.4851 2.4465.4859a6.5652 6.5652 0 0 0 2.4631-.4692ZM91.4387 62.9699a6.3011 6.3011 0 0 0 5.8479.5697 6.0001 6.0001 0 0 0 1.994-1.4075l45.6444-45.8786a6.1694 6.1694 0 0 0 1.358-2.0108 6.1704 6.1704 0 0 0 .478-2.3793 6.1706 6.1706 0 0 0-1.836-4.3901 6.0286 6.0286 0 0 0-1.994-1.3573 6.3237 6.3237 0 0 0-2.363-.4691 6.2323 6.2323 0 0 0-2.346.4691 6.0184 6.0184 0 0 0-1.994 1.3573L90.5004 53.402a6.199 6.199 0 0 0-1.8042 5.0068 6.1998 6.1998 0 0 0 2.7425 4.561ZM132.977 96.0299l17.963-18.0464a6.0182 6.0182 0 0 0 1.357-1.994 6.1529 6.1529 0 0 0 .478-2.3794c0-.8169-.162-1.6257-.478-2.3794a6.018 6.018 0 0 0-1.34-2.0275 6.4383 6.4383 0 0 0-1.994-1.3405 6.2336 6.2336 0 0 0-4.742 0 6.2323 6.2323 0 0 0-1.994 1.3405l-17.996 17.9962a6.2813 6.2813 0 0 0-1.813 4.4152c0 1.6529.651 3.2393 1.813 4.4153a6.1966 6.1966 0 0 0 1.994 1.3908c.746.3198 1.55.4851 2.362.4859a6.1025 6.1025 0 0 0 2.38-.4859 6.1933 6.1933 0 0 0 2.01-1.3908ZM116.137 79.0559l34.803-34.9535a6.2343 6.2343 0 0 0 0-8.7802 6.1481 6.1481 0 0 0-2.004-1.3514 6.1454 6.1454 0 0 0-2.369-.475 6.1503 6.1503 0 0 0-4.374 1.8264l-34.836 35.0372a6.217 6.217 0 0 0-1.774 4.3482 6.217 6.217 0 0 0 1.774 4.3483 5.889 5.889 0 0 0 1.994 1.3908c.756.3304 1.571.507 2.396.5194a6.2998 6.2998 0 0 0 4.39-1.9102Z" /> </svg> ) : ( <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 439 86" fill="none"> <path fill="#212121" d="M22.697 63.5659a3.7532 3.7532 0 0 0 1.2445-.8344l44.4002-44.6242a3.8975 3.8975 0 0 0 1.0997-2.7149 3.8977 3.8977 0 0 0-1.0997-2.7149 3.8217 3.8217 0 0 0-1.2443-.8404 3.807 3.807 0 0 0-2.9406 0 3.8208 3.8208 0 0 0-1.2441.8404L21.2033 54.5511 6.8753 40.1585a3.8223 3.8223 0 0 0-1.2442-.8404 3.8097 3.8097 0 0 0-1.4703-.2953 3.8095 3.8095 0 0 0-1.4703.2953 3.8222 3.8222 0 0 0-1.2443.8404 3.7962 3.7962 0 0 0-.8424 1.2419 3.8081 3.8081 0 0 0 0 2.9461c.1956.4663.482.8884.8424 1.2419L18.536 62.7315a3.7764 3.7764 0 0 0 1.2343.828c.462.1914.9571.2885 1.4568.2863a3.7356 3.7356 0 0 0 1.47-.2799ZM54.8777 49.125a3.6693 3.6693 0 0 0 2.0629.6128 3.5253 3.5253 0 0 0 1.4265-.2812 3.5404 3.5404 0 0 0 1.1937-.8333l27.2397-27.3861a3.674 3.674 0 0 0 .8087-1.1997 3.6884 3.6884 0 0 0 .2842-1.4203c0-.4878-.0965-.9707-.2842-1.4205a3.6757 3.6757 0 0 0-.8087-1.1996 3.6592 3.6592 0 0 0-1.1903-.8036 3.6431 3.6431 0 0 0-2.8125 0 3.6578 3.6578 0 0 0-1.1902.8036L54.3205 43.407a3.7047 3.7047 0 0 0-1.0225 1.9013 3.7156 3.7156 0 0 0 .2095 2.1507c.2814.68.7585 1.26 1.3702 1.666ZM79.672 68.8489 90.3885 58.084a3.6737 3.6737 0 0 0 .8141-1.1959 3.6902 3.6902 0 0 0 .0127-2.8408 3.677 3.677 0 0 0-.8033-1.2034 3.6815 3.6815 0 0 0-1.1961-.8051 3.6684 3.6684 0 0 0-2.8243 0 3.683 3.683 0 0 0-1.1962.8051L74.4553 63.5851a3.7543 3.7543 0 0 0-1.0754 2.6318 3.755 3.755 0 0 0 1.0754 2.632 3.6146 3.6146 0 0 0 1.1903.8272 3.5966 3.5966 0 0 0 2.8362 0 3.6132 3.6132 0 0 0 1.1902-.8272ZM69.6163 58.7243l20.7721-20.8656a3.7146 3.7146 0 0 0 1.0804-2.6201 3.7139 3.7139 0 0 0-1.0804-2.6201 3.6804 3.6804 0 0 0-2.6083-1.0852 3.68 3.68 0 0 0-2.6083 1.0852l-20.7957 20.913a3.7078 3.7078 0 0 0-1.0596 2.5965c0 .9716.3807 1.9042 1.0596 2.5963.341.3533.7478.6355 1.1974.8309.4495.1952.933.2995 1.4228.3072a3.7183 3.7183 0 0 0 1.4226-.3072 3.7285 3.7285 0 0 0 1.1974-.8309ZM172.7 27.1992c0 .0765-.115.134-.173.0575-3.587-4.9192-9.835-7.8862-16.816-7.8862-12.959 0-22.736 9.9725-22.736 23.1415 0 13.0348 10.009 23.2178 22.736 23.2178 7 0 13.248-2.986 16.816-7.9243.058-.0766.173-.0384.173.0383v4.4789c0 1.3782 1.119 2.4884 2.468 2.4884h2.025c.327-.0026.65-.0688.951-.1953a2.4763 2.4763 0 0 0 1.336-1.3467c.122-.3004.184-.6221.182-.9464v-39.545c.002-.3235-.06-.644-.183-.9436a2.4548 2.4548 0 0 0-.533-.8012 2.4767 2.4767 0 0 0-.804-.5362 2.4829 2.4829 0 0 0-.949-.1883h-2.025a2.5154 2.5154 0 0 0-1.74.7354 2.4771 2.4771 0 0 0-.728 1.7339v4.4215Zm-10.702 30.9317c-11.687 3.8473-22.023-4.4407-22.023-15.6956a15.9893 15.9893 0 0 1 1.145-6.2514 16.075 16.075 0 0 1 3.496-5.3231 16.2 16.2 0 0 1 5.3-3.5631 16.304 16.304 0 0 1 6.277-1.247c2.334-.0249 4.645.445 6.781 1.3782a16.3814 16.3814 0 0 1 5.603 4.0336 16.2279 16.2279 0 0 1 3.427 5.9695c.701 2.2091.918 4.5415.638 6.8408-.206 3.0925-1.326 6.0562-3.219 8.5208-1.893 2.4647-4.476 4.321-7.425 5.3373Zm94.067-38.7412c-13.267 0-22.87 9.7045-22.87 23.0648 0 13.5134 9.603 23.3135 22.87 23.3135 7.714 0 14.501-3.2921 18.629-8.9387.187-.2682.313-.5741.368-.896a2.2052 2.2052 0 0 0-.053-.9659 2.2026 2.2026 0 0 0-.459-.8527 2.2517 2.2517 0 0 0-.782-.5777l-1.581-.7273a2.9742 2.9742 0 0 0-1.809-.136 2.9513 2.9513 0 0 0-1.546.94c-1.57 1.7751-3.514 3.1869-5.692 4.136a16.3871 16.3871 0 0 1-6.921 1.3574c-8.639 0-14.656-5.1489-15.851-13.4561 0-.0575.058-.0957.135-.0957h35.752c.481.0005.942-.1817 1.29-.5096.347-.3277.557-.7756.581-1.2514l.038-1.3398c-.038-13.8198-8.909-23.0648-22.099-23.0648Zm0 6.661c8.331 0 14.058 5.0723 15.1 13.2647.019.0574-.04.1149-.078.1149h-30.526c-.058 0-.096-.0575-.078-.1149 1.255-8.3263 7.04-13.2647 15.582-13.2647Zm56.811-6.661c-6.924 0-13.267 3.1008-16.815 8.02-.04.0574-.193.0384-.193-.0573v-4.6896a2.3293 2.3293 0 0 0-.683-1.6256 2.3626 2.3626 0 0 0-1.632-.6905h-2.294c-.623 0-1.22.2428-1.665.6761a2.3568 2.3568 0 0 0-.708 1.64V83.684c0 1.2633 1.062 2.316 2.373 2.316h2.294c1.253 0 2.315-1.0527 2.315-2.316V57.863c0-.0767.153-.1149.193-.0384 3.605 4.9384 9.835 7.9244 16.815 7.9244 12.959 0 22.735-9.9343 22.735-23.1223 0-13.2454-9.776-23.237-22.735-23.237Zm-6.152 7.5797a16.585 16.585 0 0 1 7.862-.7983c2.649.3714 5.165 1.3769 7.332 2.9297 2.17 1.5527 3.924 3.6061 5.113 5.9828a16.2523 16.2523 0 0 1 1.716 7.658 16.02 16.02 0 0 1-1.173 6.2663 16.0805 16.0805 0 0 1-3.528 5.3253 16.2391 16.2391 0 0 1-5.332 3.5516 16.3324 16.3324 0 0 1-6.301 1.2223 16.4667 16.4667 0 0 1-6.8-1.3757 16.3761 16.3761 0 0 1-5.616-4.0482 16.2203 16.2203 0 0 1-3.421-5.9936 16.1378 16.1378 0 0 1-.612-6.8621c.208-3.1084 1.341-6.0855 3.257-8.5528 1.917-2.4675 4.527-4.3141 7.503-5.3053ZM352.967 2.986h-1.408c-.727 0-1.426.2857-1.942.7949-.517.5092-.811 1.2005-.814 1.923v14.5088c0 .0575-.058.115-.097.115h-5.149c-.731 0-1.434.2883-1.949.8016a2.7244 2.7244 0 0 0-.809 1.9355v.6507c0 1.5121 1.235 2.718 2.758 2.718h5.149c.039 0 .097.0384.097.0959v35.5827c0 1.4931 1.233 2.7372 2.756 2.7372h1.408a2.7895 2.7895 0 0 0 1.945-.8073 2.75 2.75 0 0 0 .813-1.9299V26.5294c0-.0575.038-.0959.116-.0959h7.192a2.7701 2.7701 0 0 0 1.944-.7949 2.7288 2.7288 0 0 0 .814-1.9231v-.6507c0-.726-.29-1.4223-.807-1.9355-.517-.5133-1.219-.8016-1.951-.8016h-7.192c-.078 0-.116-.0383-.116-.115V5.704a2.7288 2.7288 0 0 0-.814-1.9231 2.771 2.771 0 0 0-1.944-.795ZM377.575 0c-2.837 0-5.092 2.1055-5.092 4.7852 0 2.565 2.294 4.6704 5.092 4.6704 2.969 0 5.224-2.0098 5.224-4.6704C382.781 2.0481 380.544 0 377.575 0Zm-.56 64.8301h1.137c.774-.005 1.516-.3138 2.06-.8587a2.894 2.894 0 0 0 .853-2.0507V23.237c0-.7683-.306-1.5053-.853-2.0504-.544-.5451-1.286-.854-2.06-.8589h-1.137a2.9327 2.9327 0 0 0-1.125.2162 2.892 2.892 0 0 0-.953.6302c-.273.2706-.49.5925-.636.9466-.145.354-.22.7335-.218 1.1163v38.6837c0 1.6079 1.311 2.9094 2.932 2.9094Zm38.51-45.4404c-13.576 0-23.411 9.7045-23.411 23.0648 0 12.365 8.658 21.8781 20.595 23.1604 15.369 1.6845 28.368-12.0012 26.014-27.1226-1.754-11.2931-10.973-19.1026-23.198-19.1026Zm0 39.6982c-9.506 0-16.43-7.0056-16.43-16.6526 0-8.7857 5.94-15.3702 14.367-16.2889 2.373-.239 4.772.0252 7.036.7753 2.264.7502 4.343 1.969 6.095 3.5759a16.743 16.743 0 0 1 4.079 5.7452 16.6134 16.6134 0 0 1 1.34 6.9008c-.021 2.123-.468 4.2206-1.309 6.1725a16.1172 16.1172 0 0 1-3.596 5.2008 16.245 16.245 0 0 1-5.332 3.4326 16.3367 16.3367 0 0 1-6.25 1.1384Zm-191.24-38.7602h-3.49a3.399 3.399 0 0 0-1.565.3703 3.3797 3.3797 0 0 0-1.213 1.0461l-9.062 14.0303c-.04.0574-.135.0574-.175 0l-9.159-14.0303a3.342 3.342 0 0 0-1.213-1.0483 3.3712 3.3712 0 0 0-1.565-.3681h-3.49a1.6839 1.6839 0 0 0-.882.2461c-.266.1619-.48.3939-.621.67-.14.2763-.2.5857-.173.8939.028.3081.14.6025.326.8505l12.631 18.6433c.038.019.038.0765 0 .1147l-14.52 20.3851a1.6933 1.6933 0 0 0-.318.8613c-.026.3107.036.6222.178.9005.14.2781.355.5127.623.6779.266.1652.572.2549.885.2591h3.299a3.4355 3.4355 0 0 0 1.545-.3618 3.3934 3.3934 0 0 0 1.211-1.0162l11.243-15.887c.04-.0382.135-.0382.175 0l11.05 15.8487c.313.4407.728.7995 1.213 1.0461.482.2467 1.02.3737 1.563.3702h3.393c1.39 0 2.181-1.5312 1.39-2.6795l-14.463-20.5001v-.1339l12.552-18.5284c.188-.2492.301-.5455.328-.8553a1.6446 1.6446 0 0 0-.178-.8977 1.6575 1.6575 0 0 0-.629-.6691 1.6817 1.6817 0 0 0-.889-.2384Z" /> </svg> )} </Root> ); Logo.propTypes = { width: PropTypes.number, theHand: PropTypes.bool }; export default Logo;