@janiscommerce/ui-native
Version:
components library for Janis app
49 lines (48 loc) • 15.3 kB
JavaScript
import Svg, { G, Path, Defs, ClipPath, Stop, LinearGradient, Rect } from 'react-native-svg';
import React from 'react';
import { View } from 'react-native';
const JanisCommerceLogo = ({ ...props }) => (<View {...props}>
<Svg width={220} height={51} viewBox="0 0 220 51" fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
<G clipPath="url(#clip0_8132_81568)">
<Path d="M71.1374 21.5909C73.3769 21.5909 75.0744 21.0145 76.2308 19.8615C77.3864 18.7088 77.9643 16.9612 77.9643 14.6191V2.35114H73.5995V5.86388H73.6029V14.8625C73.6029 16.9524 72.7087 17.997 70.9207 17.997C70.2526 17.997 69.6295 17.8213 69.0516 17.4699C68.4732 17.1188 67.9226 16.601 67.3991 15.9162L64.961 18.8347C65.6471 19.7174 66.5274 20.3977 67.6023 20.8748C68.6764 21.3519 69.8549 21.5909 71.1374 21.5909Z" fill="#001233"/>
<Path d="M83.707 13.2816C82.7862 13.6509 82.1128 14.1598 81.6888 14.8083C81.2644 15.4567 81.0522 16.2135 81.0522 17.0781C81.0522 17.9069 81.2689 18.6548 81.7023 19.3211C82.1357 19.9877 82.7587 20.5146 83.5714 20.9018C84.3841 21.2889 85.3595 21.4828 86.4974 21.4828C87.7795 21.4828 88.827 21.2396 89.6397 20.7532C90.1902 20.4237 90.6217 19.9884 90.9403 19.4523V21.2666H94.8953V12.9708C94.8953 10.7549 94.2813 9.12459 93.0532 8.07963C91.8247 7.03503 90.1005 6.51245 87.8791 6.51245C86.7231 6.51245 85.5851 6.66568 84.4656 6.97174C83.3457 7.27836 82.3884 7.71068 81.5941 8.26882L83.111 11.2142C83.6345 10.8001 84.2711 10.4712 85.021 10.2281C85.7703 9.98473 86.5334 9.86317 87.3101 9.86317C88.448 9.86317 89.2919 10.1157 89.8428 10.6199C90.3938 11.1243 90.669 11.8269 90.669 12.7274H87.31C85.8288 12.7274 84.6283 12.9126 83.707 13.2816ZM90.6692 15.1867V16.6727C90.416 17.3214 90.0097 17.8125 89.4501 18.1455C88.8901 18.4791 88.2584 18.6454 87.5539 18.6454C86.8133 18.6454 86.2308 18.4879 85.8064 18.1725C85.382 17.8576 85.1698 17.4294 85.1698 16.8891C85.1698 16.4026 85.355 15.9973 85.7253 15.6731C86.0952 15.3486 86.7772 15.1866 87.7706 15.1866L90.6692 15.1867Z" fill="#001233"/>
<Path d="M106.436 10.1605C107.375 10.1605 108.102 10.4399 108.617 10.9981C109.131 11.5569 109.389 12.4215 109.389 13.5923V21.2667H113.615V12.9439C113.615 11.4668 113.353 10.2551 112.829 9.30938C112.305 8.36348 111.587 7.66091 110.676 7.20162C109.763 6.74218 108.729 6.51251 107.574 6.51251C106.327 6.51251 105.217 6.7738 104.242 7.29622C103.662 7.60682 103.172 8.00675 102.752 8.47637V6.72871H98.7152V21.2667H102.941V14.0788C102.941 13.1783 103.09 12.4397 103.388 11.863C103.686 11.2867 104.101 10.8588 104.634 10.5794C105.167 10.3003 105.767 10.1605 106.436 10.1605Z" fill="#001233"/>
<Path d="M119.547 4.70199C120.342 4.70199 120.979 4.47237 121.458 4.01288C121.936 3.55344 122.175 2.97259 122.175 2.27001C122.175 1.60377 121.932 1.05868 121.444 0.635202C120.956 0.212083 120.324 6.10352e-05 119.547 6.10352e-05C118.771 6.10352e-05 118.139 0.225585 117.651 0.67567C117.163 1.12616 116.92 1.6847 116.92 2.35111C116.92 3.01751 117.163 3.57626 117.651 4.02639C118.139 4.47687 118.771 4.70199 119.547 4.70199Z" fill="#001233"/>
<Path d="M121.661 6.72864H117.435V21.2666H121.661V6.72864Z" fill="#001233"/>
<Path d="M136.56 19.2535C137.102 18.5603 137.373 17.7631 137.373 16.862C137.373 16.0337 137.21 15.3622 136.885 14.8488C136.56 14.3354 136.14 13.9301 135.626 13.6328C135.111 13.3355 134.537 13.1059 133.905 12.9439C133.273 12.7817 132.646 12.6601 132.022 12.579C131.399 12.4979 130.826 12.4033 130.302 12.2952C129.778 12.1872 129.359 12.0431 129.043 11.8629C128.727 11.6831 128.568 11.4128 128.568 11.0523C128.568 10.6561 128.785 10.3319 129.219 10.0794C129.652 9.82726 130.338 9.70104 131.278 9.70104C131.945 9.70104 132.636 9.77803 133.35 9.93086C134.063 10.0841 134.772 10.3678 135.477 10.782L136.885 7.78243C136.199 7.36832 135.341 7.05285 134.312 6.83673C133.282 6.62061 132.271 6.51251 131.278 6.51251C129.869 6.51251 128.659 6.71517 127.648 7.12053C126.636 7.52584 125.864 8.07973 125.331 8.7823C124.798 9.48488 124.532 10.2956 124.532 11.2143C124.532 12.0431 124.69 12.7187 125.006 13.2409C125.322 13.7637 125.742 14.178 126.266 14.4841C126.789 14.7905 127.367 15.0203 128 15.1732C128.632 15.3264 129.259 15.448 129.882 15.5379C130.506 15.6284 131.079 15.7183 131.603 15.8082C132.126 15.8985 132.546 16.029 132.863 16.2001C133.178 16.3714 133.336 16.6282 133.336 16.9701C133.336 17.3847 133.133 17.709 132.727 17.9429C132.321 18.1772 131.63 18.2943 130.655 18.2943C129.769 18.2943 128.871 18.1637 127.959 17.9025C127.047 17.6415 126.256 17.3036 125.589 16.8891L124.18 19.9156C124.848 20.3661 125.755 20.7398 126.902 21.037C128.049 21.3343 129.246 21.4828 130.492 21.4828C131.955 21.4828 133.196 21.2844 134.217 20.8883C135.237 20.4923 136.018 19.9472 136.56 19.2535Z" fill="#001233"/>
<Path d="M72.6006 35.4343C73.1421 34.8939 73.7832 34.4796 74.5238 34.1914C75.2641 33.9033 76.0768 33.7589 76.962 33.7589C77.9009 33.7589 78.7677 33.944 79.5627 34.3129C80.3574 34.6823 81.08 35.2364 81.7301 35.9747L84.5475 33.3807C83.6439 32.282 82.5293 31.4484 81.2017 30.8811C79.8745 30.3135 78.3884 30.0298 76.7453 30.0298C75.2641 30.0298 73.9008 30.2688 72.6547 30.7459C71.4086 31.2235 70.3202 31.9036 69.3904 32.7862C68.4597 33.669 67.7379 34.7048 67.223 35.8936C66.7081 37.0826 66.4508 38.3891 66.4508 39.8119C66.4508 41.2347 66.7081 42.5411 67.223 43.7301C67.7379 44.9192 68.4556 45.9553 69.3768 46.8377C70.2977 47.7205 71.3857 48.4008 72.6412 48.8779C73.8963 49.355 75.2554 49.5939 76.7182 49.5939C78.3797 49.5939 79.8745 49.3057 81.2017 48.7293C82.5293 48.153 83.644 47.3152 84.5475 46.2163L81.7301 43.622C81.08 44.3787 80.3574 44.942 79.5627 45.311C78.7677 45.6803 77.9009 45.8649 76.962 45.8649C76.0768 45.8649 75.264 45.721 74.5238 45.4325C73.7832 45.1447 73.1422 44.73 72.6006 44.1896C72.0586 43.649 71.6388 43.0097 71.3406 42.271C71.0428 41.5325 70.8937 40.713 70.8937 39.8119C70.8937 38.9113 71.0428 38.0918 71.3406 37.3529C71.6388 36.6144 72.0587 35.9747 72.6006 35.4343Z" fill="#001233"/>
<Path d="M97.7402 35.4748C96.5302 34.8355 95.1575 34.5156 93.6226 34.5156C92.0689 34.5156 90.6921 34.8355 89.491 35.4748C88.29 36.1144 87.3417 36.9974 86.6465 38.1231C85.9514 39.249 85.6036 40.5416 85.6036 42.0007C85.6036 43.4423 85.9514 44.7257 86.6465 45.8514C87.3417 46.9775 88.29 47.8645 89.491 48.5132C90.6921 49.1616 92.0689 49.4858 93.6226 49.4858C95.1575 49.4858 96.5302 49.1616 97.7402 48.5132C98.9499 47.8645 99.8982 46.9775 100.585 45.8514C101.271 44.7257 101.614 43.4422 101.614 42.0007C101.614 40.5238 101.271 39.2267 100.585 38.1094C99.8982 36.9927 98.9499 36.1144 97.7402 35.4748ZM96.8464 44.1489C96.5211 44.7528 96.0784 45.2164 95.5188 45.5406C94.9588 45.8648 94.3267 46.0271 93.6225 46.0271C92.918 46.0271 92.2859 45.8649 91.7263 45.5406C91.166 45.2164 90.7191 44.7528 90.3852 44.1489C90.0509 43.5456 89.8838 42.8295 89.8838 42.0007C89.8838 41.1541 90.0509 40.4333 90.3852 39.839C90.719 39.2445 91.166 38.7851 91.7263 38.4608C92.2859 38.1366 92.918 37.9744 93.6225 37.9744C94.3267 37.9744 94.9588 38.1366 95.5188 38.4608C96.0784 38.7851 96.5211 39.2445 96.8464 39.839C97.1712 40.4333 97.3338 41.1541 97.3338 42.0007C97.3338 42.8295 97.1712 43.5456 96.8464 44.1489Z" fill="#001233"/>
<Path d="M126.172 35.2047C125.278 34.7452 124.252 34.5155 123.097 34.5155C121.706 34.5155 120.473 34.8491 119.399 35.5154C118.786 35.8958 118.272 36.355 117.849 36.8878C117.51 36.3379 117.08 35.8832 116.555 35.5288C115.552 34.8532 114.382 34.5155 113.046 34.5155C111.854 34.5155 110.793 34.7721 109.863 35.2855C109.326 35.5816 108.863 35.9598 108.468 36.4145V34.7316H104.432V49.2696H108.658V41.9737C108.658 41.1089 108.793 40.3975 109.064 39.839C109.335 39.2808 109.714 38.8618 110.202 38.5823C110.689 38.3032 111.24 38.1635 111.854 38.1635C112.739 38.1635 113.421 38.4429 113.899 39.0011C114.378 39.5599 114.617 40.4245 114.617 41.5953V49.2697H118.844V41.9737C118.844 41.1089 118.979 40.3975 119.25 39.839C119.521 39.2808 119.9 38.8618 120.388 38.5823C120.875 38.3032 121.426 38.1635 122.04 38.1635C122.925 38.1635 123.611 38.443 124.099 39.0012C124.587 39.5599 124.83 40.4245 124.83 41.5954V49.2697H129.057V40.9469C129.057 39.4698 128.799 38.2582 128.285 37.3124C127.77 36.3665 127.065 35.6639 126.172 35.2047Z" fill="#001233"/>
<Path d="M154.59 35.2047C153.696 34.7452 152.671 34.5155 151.515 34.5155C150.124 34.5155 148.891 34.8491 147.817 35.5154C147.204 35.8958 146.69 36.355 146.268 36.8878C145.928 36.3379 145.498 35.8832 144.973 35.5288C143.971 34.8532 142.801 34.5155 141.464 34.5155C140.272 34.5155 139.211 34.7721 138.281 35.2855C137.745 35.5816 137.281 35.9598 136.886 36.4145V34.7316H132.85V49.2696H137.076V41.9737C137.076 41.1089 137.211 40.3975 137.482 39.839C137.753 39.2808 138.132 38.8618 138.62 38.5823C139.108 38.3032 139.658 38.1635 140.272 38.1635C141.157 38.1635 141.839 38.4429 142.318 39.0011C142.796 39.5599 143.036 40.4245 143.036 41.5953V49.2697H147.262V41.9737C147.262 41.1089 147.397 40.3975 147.668 39.839C147.939 39.2808 148.318 38.8618 148.806 38.5823C149.294 38.3032 149.844 38.1635 150.459 38.1635C151.343 38.1635 152.03 38.443 152.517 39.0012C153.005 39.5599 153.249 40.4245 153.249 41.5954V49.2697H157.475V40.9469C157.475 39.4698 157.218 38.2582 156.703 37.3124C156.188 36.3665 155.484 35.6639 154.59 35.2047Z" fill="#001233"/>
<Path d="M171.928 35.4208C170.78 34.8175 169.494 34.5155 168.067 34.5155C166.586 34.5155 165.258 34.8354 164.085 35.4747C162.91 36.1143 161.985 36.9973 161.308 38.1231C160.631 39.2489 160.292 40.5416 160.292 42.0007C160.292 43.4422 160.635 44.7256 161.321 45.8513C162.008 46.9774 162.978 47.8645 164.234 48.5131C165.489 49.1616 166.947 49.4858 168.609 49.4858C169.927 49.4858 171.092 49.2831 172.104 48.8778C173.115 48.4725 173.955 47.8914 174.623 47.1349L172.374 44.7029C171.887 45.1716 171.349 45.5228 170.763 45.7567C170.176 45.991 169.494 46.1081 168.717 46.1081C167.851 46.1081 167.096 45.9506 166.455 45.6352C165.814 45.3201 165.317 44.8608 164.965 44.257C164.774 43.9299 164.64 43.5724 164.552 43.1897H175.571C175.589 43.0097 175.607 42.816 175.625 42.6087C175.643 42.4017 175.652 42.2168 175.652 42.0548C175.652 40.4874 175.318 39.1409 174.65 38.0148C173.982 36.8893 173.074 36.0245 171.928 35.4208ZM166.184 38.177C166.735 37.862 167.372 37.7041 168.094 37.7041C168.816 37.7041 169.449 37.862 169.99 38.177C170.532 38.4924 170.956 38.9294 171.264 39.4876C171.467 39.8572 171.596 40.2743 171.665 40.7306H164.502C164.573 40.2794 164.7 39.8664 164.897 39.5011C165.204 38.9337 165.633 38.4924 166.184 38.177Z" fill="#001233"/>
<Path d="M182.506 36.642V34.7317H178.47V49.2697H182.696V42.4061C182.696 41.0191 183.052 39.9969 183.766 39.3391C184.479 38.6817 185.414 38.3528 186.57 38.3528C186.732 38.3528 186.885 38.3575 187.03 38.3663C187.175 38.3756 187.337 38.3891 187.518 38.4067V34.5156C186.145 34.5156 184.98 34.7816 184.023 35.3128C183.409 35.6537 182.905 36.0975 182.506 36.642Z" fill="#001233"/>
<Path d="M194.969 38.4608C195.546 38.1366 196.196 37.9743 196.919 37.9743C197.587 37.9743 198.206 38.1365 198.775 38.4608C199.344 38.785 199.818 39.2896 200.197 39.974L203.475 38.2174C202.933 37.0286 202.093 36.1144 200.955 35.4747C199.818 34.8354 198.481 34.5155 196.946 34.5155C195.375 34.5155 193.975 34.8354 192.747 35.4747C191.519 36.1143 190.557 36.9973 189.862 38.123C189.167 39.2489 188.819 40.5416 188.819 42.0007C188.819 43.4422 189.167 44.7299 189.862 45.8648C190.557 46.9999 191.519 47.8873 192.747 48.5266C193.975 49.1663 195.375 49.4858 196.946 49.4858C198.481 49.4858 199.818 49.1663 200.955 48.5266C202.093 47.8873 202.933 46.9821 203.475 45.8108L200.197 44.0273C199.818 44.7299 199.344 45.2392 198.775 45.5541C198.206 45.8695 197.587 46.027 196.919 46.027C196.196 46.027 195.546 45.8648 194.969 45.5406C194.39 45.2163 193.934 44.7568 193.6 44.1624C193.266 43.5681 193.099 42.8477 193.099 42.0007C193.099 41.1537 193.266 40.4333 193.6 39.839C193.934 39.2445 194.39 38.785 194.969 38.4608Z" fill="#001233"/>
<Path d="M218.998 38.0148C218.33 36.8893 217.422 36.0245 216.275 35.4208C215.128 34.8175 213.841 34.5155 212.415 34.5155C210.934 34.5155 209.606 34.8354 208.432 35.4747C207.258 36.1143 206.333 36.9973 205.656 38.1231C204.978 39.2489 204.64 40.5416 204.64 42.0007C204.64 43.4422 204.982 44.7256 205.669 45.8513C206.355 46.9774 207.326 47.8645 208.581 48.5131C209.837 49.1616 211.295 49.4858 212.956 49.4858C214.275 49.4858 215.44 49.2831 216.451 48.8778C217.462 48.4725 218.302 47.8914 218.971 47.1349L216.722 44.7029C216.235 45.1716 215.697 45.5228 215.11 45.7567C214.523 45.991 213.841 46.1081 213.065 46.1081C212.198 46.1081 211.444 45.9506 210.803 45.6352C210.161 45.3201 209.665 44.8608 209.313 44.257C209.122 43.9299 208.987 43.5724 208.9 43.1897H219.919C219.937 43.0097 219.955 42.816 219.973 42.6087C219.991 42.4017 220 42.2168 220 42.0548C220 40.4874 219.666 39.1409 218.998 38.0148ZM210.532 38.177C211.083 37.862 211.719 37.7041 212.442 37.7041C213.164 37.7041 213.797 37.862 214.338 38.177C214.88 38.4924 215.304 38.9294 215.612 39.4876C215.815 39.8572 215.944 40.2743 216.013 40.7306H208.85C208.921 40.2794 209.047 39.8664 209.245 39.5011C209.552 38.9337 209.981 38.4924 210.532 38.177Z" fill="#001233"/>
<Path d="M30.552 35.083L27.3482 38.2786C22.9171 42.6985 15.7222 42.6986 11.291 38.2786L2.30682 29.317C-0.766969 26.251 -0.766971 21.2725 2.30682 18.2065L2.49421 18.0196C5.56801 14.9535 10.5591 14.9535 13.6328 18.0196L30.5519 34.896C30.6036 34.9476 30.6037 35.0314 30.552 35.083Z" fill="url(#paint0_linear_8132_81568)"/>
<Path d="M28.1723 37.6049L39.1657 48.5706C42.2364 51.6335 47.2395 51.8604 50.4173 48.9082C53.7535 45.8087 53.8235 40.5966 50.6274 37.4084L40.0258 26.8336C39.8142 26.5588 39.5899 26.2908 39.3376 26.0391L33.3027 20.0194C30.7502 16.8774 30.9381 12.2561 33.8683 9.33307L28.2493 14.9379L28.2085 14.9381L28.1991 14.9475L28.1896 14.9381L22.3832 20.7299C19.3332 23.7722 19.3288 28.7033 22.3732 31.7511L28.1723 37.6049Z" fill="url(#paint1_linear_8132_81568)"/>
<Path d="M33.2258 42.6456C30.3227 39.7498 30.9799 34.8128 33.9023 31.8892L50.6085 15.2251C53.7361 12.1054 53.7361 7.04741 50.6085 3.92769C47.4809 0.807959 42.4101 0.807959 39.2825 3.92769L24.9447 18.1748L22.2714 20.8414C19.2821 23.8231 19.2758 28.6689 22.2701 31.6456L28.1615 37.5981" fill="url(#paint2_linear_8132_81568)"/>
</G>
<Defs>
<LinearGradient id="paint0_linear_8132_81568" x1={6.66085} y1={22.4671} x2={28.4336} y2={43.9013} gradientUnits="userSpaceOnUse">
<Stop stopColor="#FF8D10"/>
<Stop offset={0.2371} stopColor="#FF7D0C"/>
<Stop offset={0.5375} stopColor="#FF7109"/>
<Stop offset={0.8395} stopColor="#FF6E08"/>
</LinearGradient>
<LinearGradient id="paint1_linear_8132_81568" x1={29.042} y1={21.4875} x2={65.2765} y2={58.8496} gradientUnits="userSpaceOnUse">
<Stop offset={0.0004} stopColor="#1716FF"/>
<Stop offset={0.2994} stopColor="#1D3CFF"/>
<Stop offset={0.806} stopColor="#2979FF"/>
</LinearGradient>
<LinearGradient id="paint2_linear_8132_81568" x1={27.8032} y1={31.6474} x2={51.1392} y2={8.44348} gradientUnits="userSpaceOnUse">
<Stop stopColor="#5392FF"/>
<Stop offset={0.4865} stopColor="#3C84FF"/>
<Stop offset={0.9991} stopColor="#2979FF"/>
</LinearGradient>
<ClipPath id="clip0_8132_81568">
<Rect width={220} height={51} fill="white"/>
</ClipPath>
</Defs>
</Svg>
</View>);
export default JanisCommerceLogo;