UNPKG

passbolt-styleguide

Version:

Passbolt styleguide contains common styling assets used by the different sites, plugin, etc.

www.passbolt.com

passbolt/passbolt_styleguide

78 lines (75 loc) • 8.23 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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
/** * Passbolt ~ Open source password manager for teams * Copyright (c) 2022 Passbolt SA (https://www.passbolt.com) * * Licensed under GNU Affero General Public License version 3 of the or any later version. * For full copyright and license information, please see the LICENSE.txt * Redistributions of files must retain the above copyright notice. * * @copyright Copyright (c) 2022 Passbolt SA (https://www.passbolt.com) * @license https://opensource.org/licenses/AGPL-3.0 AGPL License * @link https://www.passbolt.com Passbolt(tm) * @since 3.6.0 */ import React, {Component} from "react"; class MobileTransferIcon extends Component { /** * Render the component * @return {JSX} */ render() { return ( <span className="svg-icon mobile-transfer"> <svg width="304" height="250" viewBox="0 0 304 250" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clipPath="url(#clip0_1573_970258)"> <path d="M176.131 148.383L178.446 143.014H0.681641V148.192C0.681641 153.31 4.8455 157.474 9.96332 157.474H179.708L176.131 148.384V148.383Z" fill="black"/> <path d="M209.986 0.416504H34.0147C26.9447 0.416504 21.1929 6.16835 21.1929 13.2384V140.171H180.453L183.097 138.736L175.671 126.717L176.212 118.699C176.381 116.211 177.444 113.87 179.207 112.108C180.934 110.381 183.185 109.361 185.531 109.14L178.642 101.617C175.676 98.186 175.62 93.1567 178.508 89.6607C180.786 86.902 184.438 85.7254 187.856 86.5644V37.704C187.856 32.5743 192.03 28.4002 197.16 28.4002H222.808V13.2398C222.808 6.16982 217.056 0.417978 209.986 0.417978V0.416504Z" fill="black"/> <path d="M129.893 39.2993H124.632V57.7152H129.893V39.2993Z" fill="white"/> <path d="M114.107 39.2993H119.37V44.5616V68.2399H100.952V62.979H114.107V39.2993Z" fill="white"/> <path d="M108.846 39.2993H90.4302V57.7152H108.846V39.2993Z" fill="white"/> <path d="M108.846 84.0269H90.4302V102.443H108.846V84.0269Z" fill="white"/> <path d="M108.846 78.7645H90.4302V62.979H95.691V73.5022H108.846V78.7645Z" fill="white"/> <path d="M135.155 102.441H114.107L114.108 97.179H129.894V84.0254H135.155V102.441Z" fill="white"/> <path d="M153.572 89.2877H145.679V97.1804H153.572V102.443H140.417V84.0269H153.572V89.2877Z" fill="white"/> <path d="M153.572 78.763H135.155V68.2399H129.894V78.763H119.371V84.0254H124.633V89.2862H114.108V73.5007H124.633V62.9775H140.419V73.5007H153.572V78.763Z" fill="white"/> <path d="M153.572 62.979H145.679V68.2413H153.572V62.979Z" fill="white"/> <path d="M153.572 39.2993H135.155V57.7152H153.572V39.2993Z" fill="white"/> <path d="M148.311 44.5615H140.418V52.4543H148.311V44.5615Z" fill="black"/> <path d="M103.584 89.2876H95.6909V97.1803H103.584V89.2876Z" fill="black"/> <path d="M103.584 44.5615H95.6909V52.4543H103.584V44.5615Z" fill="black"/> <path d="M302.537 248.442L284.761 197.945V148.697L274.417 115.186L268.298 108.338L265.682 99.4283C264.942 96.9055 262.361 95.3956 259.8 95.9869C257.956 96.413 256.514 97.8491 256.082 99.6922L255.455 102.364V115.186L259.41 123.345L262.531 140.981L255.455 135.234" stroke="var(--icon-color)" strokeWidth="2.92532" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M243.965 248.442L241.343 230.29L204.042 176.79" stroke="var(--icon-color)" strokeWidth="2.92532" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M187.33 131.04L191.075 126.322V113.478L189.696 112.812C186.949 111.485 183.664 112.04 181.507 114.196C180.28 115.423 179.54 117.052 179.423 118.782L178.95 125.797L187.33 139.362" stroke="var(--icon-color)" strokeWidth="2.92532" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M191.075 91.1982L187.847 89.681C185.405 88.7845 182.664 89.5247 181.009 91.5299C179.105 93.836 179.142 97.1786 181.097 99.4404L191.075 110.334" stroke="var(--icon-color)" strokeWidth="2.92532" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M186.421 155.68L192.974 150.699L194.633 146.777C195.388 144.992 195.116 142.936 193.92 141.409C192.315 139.356 189.462 138.765 187.172 140.008L181.964 142.834L179.605 148.308L183.537 158.3L191.075 163.804" stroke="var(--icon-color)" strokeWidth="2.92532" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M249.286 31.4058H197.244C193.836 31.4058 191.075 34.1674 191.075 37.5749V139.538C192.17 139.825 193.179 140.461 193.92 141.409C195.116 142.936 195.389 144.992 194.633 146.777L192.974 150.699L191.075 152.143V170.621C191.075 174.028 193.836 176.79 197.244 176.79H249.286C252.694 176.79 255.455 174.028 255.455 170.621V37.5749C255.455 34.1674 252.694 31.4058 249.286 31.4058V31.4058Z" fill="black"/> <path d="M249.286 31.4058H197.244C193.836 31.4058 191.075 34.1674 191.075 37.5749V139.538C192.17 139.825 193.179 140.461 193.92 141.409C195.116 142.936 195.389 144.992 194.633 146.777L192.974 150.699L191.075 152.143V170.621C191.075 174.028 193.836 176.79 197.244 176.79H249.286C252.694 176.79 255.455 174.028 255.455 170.621V37.5749C255.455 34.1674 252.694 31.4058 249.286 31.4058V31.4058Z" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10"/> <path d="M186.421 155.68L192.974 150.699L194.633 146.777C195.388 144.992 195.116 142.936 193.92 141.409C192.315 139.356 189.462 138.765 187.172 140.008L181.964 142.834L179.605 148.308L183.537 158.3" stroke="var(--icon-color)" strokeWidth="2.92532" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M204.351 61.8384H214.787V72.2746H204.351V61.8384ZM211.806 69.2932V64.8212H207.334V69.2932H211.806Z" fill="white"/> <path d="M229.695 61.8384H240.131V72.2746H229.695V61.8384ZM237.15 69.2932V64.8212H232.678V69.2932H237.15Z" fill="white"/> <path d="M204.351 87.1831H214.787V97.6193H204.351V87.1831ZM211.806 94.6365V90.1645H207.334V94.6365H211.806Z" fill="white"/> <path d="M217.769 94.6365H226.714V87.1831H229.695V97.6193H217.769V94.6379V94.6365Z" fill="white"/> <path d="M232.678 87.1826H240.132V90.164H235.66V94.636H240.132V97.6173H232.678V87.1812V87.1826Z" fill="white"/> <path d="M204.351 75.2559H207.332V81.2186H214.786V84.1999H204.35V75.2544L204.351 75.2559Z" fill="white"/> <path d="M217.769 81.2186H223.733V75.2559H232.678V81.2186H240.132V84.1999H229.695V78.2372H226.714V84.1999H220.751V87.1812H223.733V90.1626H217.769V81.2171V81.2186Z" fill="white"/> <path d="M235.66 75.2559V78.2372H240.132V75.2559H235.66Z" fill="white"/> <path d="M223.733 61.8384V72.2746H226.714V61.8384H223.733Z" fill="white"/> <path d="M210.314 75.2559H217.769V61.8384H220.75V64.8197V78.2372H210.314V75.2559Z" fill="white"/> <path d="M197.931 70.5114V58.3427C197.931 56.4009 199.505 54.8262 201.447 54.8262H213.616" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M230.866 54.8262H243.034C244.976 54.8262 246.551 56.4009 246.551 58.3427V70.5114" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M246.552 88.9448V101.113C246.552 103.055 244.977 104.63 243.035 104.63H230.867" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M213.616 104.632H201.447C199.505 104.632 197.931 103.057 197.931 101.115V88.9468" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10" strokeLinecap="round"/> <path d="M178.446 143.013H0.681641V148.191C0.681641 153.309 4.8455 157.473 9.96332 157.473H179.708" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10"/> <path d="M222.808 28.3992V13.2403C222.808 6.1703 217.056 0.418457 209.986 0.418457H34.0147C26.9447 0.418457 21.1929 6.1703 21.1929 13.2403V140.172H180.453" stroke="white" strokeWidth="0.836015" strokeMiterlimit="10"/> </g> <defs> <clipPath id="clip0_1573_970258"> <rect width="303.736" height="249.905" fill="white" transform="translate(0.26416)"/> </clipPath> </defs> </svg> </span> ); } } export default MobileTransferIcon;