forked from react/react-native-website
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathGridBackground.tsx
More file actions
171 lines (167 loc) · 20.5 KB
/
Copy pathGridBackground.tsx
File metadata and controls
171 lines (167 loc) · 20.5 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
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
/**
* Copyright (c) Meta Platforms, Inc. and affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*/
import React from 'react';
import styles from './styles.module.css';
function GridBackground() {
return (
<svg
width={1512}
height={684}
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={styles.svgContent}>
<path
opacity={0.6}
d="M1425.16-141.045v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.726-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.729-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.729-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.729-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.729-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5m-54.73-824.5v824.5M1533.2 627.303H.767m1532.433-55.44H.767M1533.2 517.844H.767M1533.2 462.403H.767M1533.2 408.384H.767m1532.433-55.44H.767M1533.2 298.925H.767M1533.2 243.484H.767M1533.2 189.465H.767m1532.433-55.44H.767M1533.2 80.005H.767M1533.2 24.566H.767M1533.2-29.454H.767M1533.2-84.894H.767"
stroke="url(#a)"
strokeWidth={1.422}
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M110 409.765h54v54h-54z"
/>
<circle
cx={137}
cy={436.765}
r={14}
stroke="var(--home-hero-grid-icon)"
strokeWidth={4}
/>
<path
d="M142 436.765c0 3.764-.656 7.124-1.677 9.505-.511 1.193-1.094 2.094-1.69 2.683-.592.584-1.143.812-1.633.812s-1.041-.228-1.633-.812c-.596-.589-1.179-1.49-1.69-2.683-1.021-2.381-1.677-5.741-1.677-9.505 0-3.764.656-7.124 1.677-9.506.511-1.192 1.094-2.094 1.69-2.682.592-.585 1.143-.812 1.633-.812s1.041.227 1.633.812c.596.588 1.179 1.49 1.69 2.682 1.021 2.382 1.677 5.742 1.677 9.506ZM125 436.765h24"
stroke="var(--home-hero-grid-icon)"
strokeWidth={2}
/>
<path
d="M127 446.765s1.448-4 10-4 10 4 10 4M127 426.765s1.448 4 10 4 10-4 10-4"
stroke="var(--home-hero-grid-icon)"
strokeWidth={2}
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M330 573.765h54v54h-54z"
/>
<path
d="M349.624 615.828c.291 0 .554-.075.792-.225.237-.15.53-.384.878-.704l5.241-4.791 9.815.014c1.443 0 2.657-.259 3.645-.776a5.163 5.163 0 0 0 2.243-2.258c.508-.987.762-2.192.762-3.615v-11.122c0-1.423-.254-2.628-.762-3.615a5.157 5.157 0 0 0-2.243-2.258c-.988-.518-2.202-.777-3.645-.777h-18.7c-1.442 0-2.657.259-3.645.777a5.157 5.157 0 0 0-2.243 2.258c-.508.987-.762 2.192-.762 3.615v11.122c0 1.423.254 2.628.762 3.615a5.12 5.12 0 0 0 2.243 2.25c.988.513 2.203.77 3.645.77h.682v4.225c0 .455.111.818.334 1.089.223.271.542.406.958.406Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M1206 573.765h54v54h-54z"
/>
<path
d="M1217 609.29c0 1.456.37 2.548 1.11 3.276.73.728 1.84 1.092 3.31 1.092H1245c1.26 0 2.24-.364 2.94-1.092.71-.728 1.06-1.82 1.06-3.276v-11.555h-32v11.555Zm0-13.401h32v-1.07c0-1.447-.37-2.537-1.11-3.269-.75-.733-1.85-1.1-3.31-1.1h-13.53c-.48 0-.88-.063-1.21-.19-.33-.127-.68-.34-1.03-.641l-.86-.704c-.31-.263-.61-.47-.9-.62-.28-.151-.6-.259-.94-.325a6.501 6.501 0 0 0-1.21-.098h-4.01c-1.24 0-2.2.352-2.88 1.057-.67.704-1.01 1.766-1.01 3.184v3.776Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M1316 408.765h54v54h-54z"
/>
<path
d="M1334.24 424.926a14.484 14.484 0 0 0-3.81 3.353c-1.08 1.357-1.92 2.905-2.53 4.642-.6 1.737-.9 3.617-.9 5.641 0 .266.1.498.29.696.19.197.42.291.67.281.26-.01.47-.104.64-.281.17-.178.26-.4.27-.667.05-2.655.62-4.999 1.7-7.032 1.07-2.034 2.52-3.638 4.34-4.812l-.67-1.821Zm18.09 23.822c2.02-.73 3.58-1.757 4.69-3.079 1.11-1.323 1.75-2.88 1.93-4.671.18-1.792-.13-3.769-.92-5.93l-.96-2.665c-.31-.82-.68-1.481-1.12-1.984-.45-.504-.92-.844-1.41-1.022-.49-.178-.96-.187-1.41-.03-.31.119-.42.326-.31.622l.43 1.185c.11.276.13.506.05.688a.63.63 0 0 1-.36.378.646.646 0 0 1-.53-.052c-.18-.094-.32-.279-.42-.555l-.28-.77c-.27-.721-.68-1.224-1.25-1.51-.57-.287-1.16-.316-1.78-.089-.55.197-.73.533-.57 1.007l.6 1.613c.09.277.11.506.04.689a.628.628 0 0 1-.36.377.687.687 0 0 1-.54-.044c-.17-.089-.31-.276-.42-.563l-.53-1.48c-.3-.81-.72-1.335-1.28-1.577s-1.14-.249-1.74-.022c-.54.197-.73.533-.56 1.007l1.15 3.153c.1.277.11.509.05.696a.58.58 0 0 1-.36.37.68.68 0 0 1-.54-.044c-.17-.089-.31-.277-.42-.563l-3.84-10.556c-.18-.514-.48-.871-.89-1.074a1.56 1.56 0 0 0-1.27-.066c-.47.167-.8.461-.98.881-.17.419-.17.885.02 1.399l5.63 15.457c.06.188.07.35 0 .489a.445.445 0 0 1-.27.266c-.25.089-.51-.015-.79-.311l-3.8-4.086c-.29-.296-.58-.484-.87-.563a1.459 1.459 0 0 0-.91.059c-.47.168-.8.447-.98.837-.19.39-.2.782-.05 1.177.05.158.12.296.2.415.07.118.15.227.23.325l4.7 5.908c1.99 2.487 4.09 4.029 6.33 4.627 2.23.597 4.45.491 6.67-.319Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M1152 298.969h54v54h-54z"
/>
<path
d="M1163 338.793c0 .564.15 1 .46 1.307.31.308.74.462 1.29.462.38 0 .81-.133 1.3-.4l6.46-3.492v-25.493a8.31 8.31 0 0 0-.43.208c-.16.077-.3.156-.43.238l-7.3 4.185c-.46.256-.8.572-1.02.946-.22.374-.33.818-.33 1.331v20.708Zm11.62-2.416 7.75 4.354c.12.062.24.118.36.169.12.052.23.093.35.123v-25.107l-7.6-4.647a3.45 3.45 0 0 0-.43-.215 2.308 2.308 0 0 0-.43-.138v25.461Zm10.55 4.6c.08-.02.16-.049.24-.084.07-.036.15-.075.22-.116l8.02-4.554c.46-.256.8-.571 1.02-.946.22-.374.33-.818.33-1.331v-20.723c0-.564-.15-1-.46-1.307-.31-.308-.74-.462-1.29-.462-.38 0-.81.133-1.3.4l-6.78 3.769v25.354Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M331 243.765h54v54h-54z"
/>
<path
d="M347.042 285.545h21.932c1.681 0 2.939-.415 3.774-1.245.835-.829 1.252-2.074 1.252-3.733v-19.604c0-1.659-.417-2.904-1.252-3.733-.835-.83-2.093-1.245-3.774-1.245h-21.932c-1.681 0-2.941.415-3.782 1.245-.84.829-1.26 2.074-1.26 3.733v19.604c0 1.659.42 2.904 1.26 3.733.841.83 2.101 1.245 3.782 1.245Zm-.241-2.585c-.707 0-1.253-.19-1.638-.57-.385-.38-.578-.94-.578-1.678v-15.141c0-.739.193-1.298.578-1.678.385-.38.931-.57 1.638-.57h22.382c.717 0 1.269.19 1.654.57.385.38.578.939.578 1.678v15.141c0 .738-.193 1.298-.578 1.678-.385.38-.937.57-1.654.57h-22.382Zm8.076-13.857h.947c.279 0 .474-.053.586-.16.113-.107.169-.3.169-.578v-.948c0-.278-.056-.468-.169-.57-.112-.101-.307-.152-.586-.152h-.947c-.278 0-.474.051-.586.152-.112.102-.169.292-.169.57v.948c0 .278.057.471.169.578.112.107.308.16.586.16Zm5.331 0h.947c.289 0 .487-.053.594-.16.107-.107.161-.3.161-.578v-.948c0-.278-.054-.468-.161-.57-.107-.101-.305-.152-.594-.152h-.947c-.279 0-.471.051-.578.152-.107.102-.161.292-.161.57v.948c0 .278.054.471.161.578.107.107.299.16.578.16Zm5.346 0h.932c.289 0 .487-.053.594-.16.107-.107.16-.3.16-.578v-.948c0-.278-.053-.468-.16-.57-.107-.101-.305-.152-.594-.152h-.932c-.289 0-.487.051-.594.152-.107.102-.16.292-.16.57v.948c0 .278.053.471.16.578.107.107.305.16.594.16Zm-16.008 5.251h.948c.278 0 .471-.054.578-.161.107-.107.16-.3.16-.578v-.931c0-.289-.053-.485-.16-.586-.107-.102-.3-.153-.578-.153h-.948c-.289 0-.487.051-.594.153-.107.101-.16.297-.16.586v.931c0 .278.053.471.16.578.107.107.305.161.594.161Zm5.331 0h.947c.279 0 .474-.054.586-.161.113-.107.169-.3.169-.578v-.931c0-.289-.056-.485-.169-.586-.112-.102-.307-.153-.586-.153h-.947c-.278 0-.474.051-.586.153-.112.101-.169.297-.169.586v.931c0 .278.057.471.169.578.112.107.308.161.586.161Zm5.331 0h.947c.289 0 .487-.054.594-.161.107-.107.161-.3.161-.578v-.931c0-.289-.054-.485-.161-.586-.107-.102-.305-.153-.594-.153h-.947c-.279 0-.471.051-.578.153-.107.101-.161.297-.161.586v.931c0 .278.054.471.161.578.107.107.299.161.578.161Zm5.346 0h.932c.289 0 .487-.054.594-.161.107-.107.16-.3.16-.578v-.931c0-.289-.053-.485-.16-.586-.107-.102-.305-.153-.594-.153h-.932c-.289 0-.487.051-.594.153-.107.101-.16.297-.16.586v.931c0 .278.053.471.16.578.107.107.305.161.594.161Zm-16.008 5.25h.948c.278 0 .471-.051.578-.153.107-.101.16-.297.16-.586v-.931c0-.289-.053-.484-.16-.586-.107-.102-.3-.153-.578-.153h-.948c-.289 0-.487.051-.594.153-.107.102-.16.297-.16.586v.931c0 .289.053.485.16.586.107.102.305.153.594.153Zm5.331 0h.947c.279 0 .474-.051.586-.153.113-.101.169-.297.169-.586v-.931c0-.289-.056-.484-.169-.586-.112-.102-.307-.153-.586-.153h-.947c-.278 0-.474.051-.586.153-.112.102-.169.297-.169.586v.931c0 .289.057.485.169.586.112.102.308.153.586.153Zm5.331 0h.947c.289 0 .487-.051.594-.153.107-.101.161-.297.161-.586v-.931c0-.289-.054-.484-.161-.586-.107-.102-.305-.153-.594-.153h-.947c-.279 0-.471.051-.578.153-.107.102-.161.297-.161.586v.931c0 .289.054.485.161.586.107.102.299.153.578.153Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M276 462.765h54v54h-54z"
/>
<path
d="M302.974 502.189c1.724 0 3.336-.32 4.837-.959a12.46 12.46 0 0 0 3.964-2.671 12.676 12.676 0 0 0 2.688-3.972c.65-1.507.976-3.122.976-4.846 0-1.723-.326-3.335-.976-4.836a12.698 12.698 0 0 0-2.688-3.964 12.586 12.586 0 0 0-3.964-2.68c-1.501-.644-3.113-.967-4.837-.967-1.712 0-3.321.323-4.828.967a12.542 12.542 0 0 0-3.972 2.68 12.558 12.558 0 0 0-2.68 3.964c-.645 1.501-.967 3.113-.967 4.836 0 1.724.322 3.339.967 4.846a12.536 12.536 0 0 0 2.68 3.972 12.418 12.418 0 0 0 3.972 2.671c1.507.639 3.116.959 4.828.959Zm0-2.774a9.447 9.447 0 0 1-3.749-.745 9.82 9.82 0 0 1-5.171-5.162 9.366 9.366 0 0 1-.753-3.749c0-1.336.251-2.586.753-3.75a9.82 9.82 0 0 1 2.089-3.082 9.808 9.808 0 0 1 3.082-2.089 9.366 9.366 0 0 1 3.749-.753c1.336 0 2.589.251 3.759.753a9.786 9.786 0 0 1 3.09 2.089 9.82 9.82 0 0 1 2.089 3.082 9.367 9.367 0 0 1 .753 3.75 9.366 9.366 0 0 1-.753 3.749 9.82 9.82 0 0 1-2.089 3.082 9.662 9.662 0 0 1-3.09 2.08 9.513 9.513 0 0 1-3.759.745Zm13.424 4.606c.719-.719.961-1.732.727-3.039-.234-1.307-.842-2.808-1.823-4.503-.982-1.695-2.237-3.485-3.767-5.368a71.9 71.9 0 0 0-5.119-5.633 71.703 71.703 0 0 0-5.633-5.119c-1.884-1.53-3.673-2.785-5.368-3.767-1.695-.981-3.196-1.589-4.503-1.823-1.307-.234-2.32.008-3.039.727-.719.719-.959 1.732-.719 3.039.24 1.307.848 2.805 1.824 4.495.975 1.689 2.231 3.478 3.766 5.367a73.984 73.984 0 0 0 5.111 5.642 74.004 74.004 0 0 0 5.642 5.111c1.889 1.535 3.678 2.79 5.367 3.766s3.188 1.584 4.495 1.824c1.306.239 2.319 0 3.039-.719Zm-1.952-1.952c-.32.331-.976.282-1.969-.146-.993-.428-2.192-1.13-3.596-2.106a59.266 59.266 0 0 1-4.468-3.467 72.469 72.469 0 0 1-4.606-4.263 72.469 72.469 0 0 1-4.263-4.606c-1.336-1.575-2.492-3.064-3.467-4.468-.976-1.404-1.678-2.603-2.106-3.596-.428-.993-.477-1.649-.146-1.969.32-.331.976-.285 1.969.137.993.423 2.189 1.122 3.587 2.098 1.398.975 2.888 2.134 4.469 3.475a80.678 80.678 0 0 1 4.631 4.255 82.6 82.6 0 0 1 4.255 4.623 58.218 58.218 0 0 1 3.475 4.468c.976 1.404 1.675 2.603 2.098 3.596.422.993.468 1.649.137 1.969Zm-1.678-22.07a3.516 3.516 0 0 0 1.644.942c.627.16 1.252.16 1.874 0a3.634 3.634 0 0 0 1.653-.942 3.524 3.524 0 0 0 .941-1.643c.16-.628.16-1.256 0-1.884a3.524 3.524 0 0 0-.941-1.643 3.496 3.496 0 0 0-1.653-.951 3.858 3.858 0 0 0-1.874 0 3.386 3.386 0 0 0-1.644.951 3.386 3.386 0 0 0-.95 1.643 3.875 3.875 0 0 0 0 1.884c.154.627.47 1.175.95 1.643Zm-.035-1.934L290.732 500.1l1.935 1.935 22.018-22.001-1.952-1.969Zm-24.654 26.623a3.45 3.45 0 0 0 1.635.959c.622.16 1.247.16 1.875 0a3.45 3.45 0 0 0 1.643-.959c.48-.468.799-1.015.959-1.643.16-.628.16-1.253 0-1.875a3.45 3.45 0 0 0-.959-1.635 3.45 3.45 0 0 0-1.643-.959 3.722 3.722 0 0 0-1.875 0 3.45 3.45 0 0 0-1.635.959 3.45 3.45 0 0 0-.959 1.635 3.722 3.722 0 0 0 0 1.875c.16.628.479 1.175.959 1.643Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M1316 244.969h54v54h-54z"
/>
<path
d="M1332.57 279.377c-.4 0-.72-.123-.97-.368a1.293 1.293 0 0 1-.37-.939v-2.519c0-.391.13-.706.37-.947.25-.24.57-.361.97-.361h3.34c.39 0 .72.121.96.361.25.241.37.556.37.947v2.519c0 .381-.12.694-.37.939-.24.245-.57.368-.96.368h-3.34Zm-5.57-10.458v-3.091h32v3.091h-32Zm4.28 14.679h23.44c1.43 0 2.5-.351 3.21-1.055s1.07-1.754 1.07-3.152v-14.829c0-1.398-.36-2.451-1.07-3.159-.71-.709-1.78-1.063-3.21-1.063h-23.44c-1.43 0-2.5.352-3.21 1.056-.71.703-1.07 1.759-1.07 3.166v14.829c0 1.398.36 2.448 1.07 3.152.71.704 1.78 1.055 3.21 1.055Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M987 190.765h54v54h-54z"
/>
<path
d="M1017.12 233.765c.55 0 1.03-.219 1.42-.657.4-.438.74-1.023 1.03-1.757l10-26.134c.13-.356.24-.687.32-.993.07-.305.11-.591.11-.855 0-.499-.14-.891-.43-1.176-.28-.286-.67-.428-1.17-.428-.26 0-.54.038-.85.114a8.83 8.83 0 0 0-1 .314l-26.27 10.065c-.646.245-1.185.566-1.623.963-.438.397-.657.87-.657 1.42 0 .703.239 1.209.718 1.52.478.311 1.084.578 1.822.802l8.24 2.505c.49.153.89.211 1.21.176.32-.036.64-.207.98-.512l16.75-15.656c.1-.092.19-.135.3-.13.11.005.2.043.28.114.09.072.13.163.13.275 0 .112-.05.214-.14.306l-15.6 16.817c-.29.316-.46.629-.5.939-.04.311.01.721.15 1.23l2.43 8.065c.23.764.5 1.4.81 1.909.32.509.83.764 1.54.764Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M605 136.765h54v54h-54z"
/>
<path
d="M621.458 179.765h21.084c1.819 0 3.184-.449 4.094-1.347.909-.898 1.364-2.245 1.364-4.041v-21.224c0-1.796-.455-3.143-1.364-4.041-.91-.898-2.275-1.347-4.094-1.347h-21.084c-1.819 0-3.184.449-4.094 1.347-.909.898-1.364 2.245-1.364 4.041v21.224c0 1.796.455 3.143 1.364 4.041.91.898 2.275 1.347 4.094 1.347Zm7.248-9.021c-.417.255-.82.298-1.208.13-.388-.168-.582-.466-.582-.895v-12.463c0-.429.203-.718.608-.869.406-.151.8-.116 1.182.104l10.221 6.049c.359.22.541.539.547.956.006.417-.176.742-.547.974l-10.221 6.014Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M167 189.765h54v54h-54z"
/>
<path
d="M182.091 229.188h23.818c1.355 0 2.375-.336 3.062-1.009.686-.674 1.029-1.683 1.029-3.03v-13.641c0-1.338-.343-2.344-1.029-3.017-.687-.673-1.707-1.01-3.062-1.01h-3.727c-.347 0-.625-.026-.833-.078a1.45 1.45 0 0 1-.554-.267 4.714 4.714 0 0 1-.541-.514l-1.042-1.173a3.533 3.533 0 0 0-1.069-.821c-.391-.191-.92-.287-1.589-.287h-5.199c-.669 0-1.196.096-1.583.287a3.708 3.708 0 0 0-1.075.821l-1.042 1.173c-.287.321-.552.545-.795.671s-.621.188-1.134.188h-3.635c-1.364 0-2.386.337-3.068 1.01-.682.673-1.023 1.679-1.023 3.017v13.641c0 1.347.341 2.356 1.023 3.03.682.673 1.704 1.009 3.068 1.009ZM194 225.345a7.029 7.029 0 0 1-5.036-2.072 7.226 7.226 0 0 1-1.524-2.267 6.994 6.994 0 0 1-.554-2.788c0-.991.185-1.916.554-2.776a7.238 7.238 0 0 1 1.524-2.267 7.028 7.028 0 0 1 5.036-2.071c1.312 0 2.506.317 3.583.951a7.122 7.122 0 0 1 2.567 2.567c.634 1.077.951 2.275.951 3.596a7.06 7.06 0 0 1-.547 2.788 7.08 7.08 0 0 1-1.525 2.267 7.06 7.06 0 0 1-5.029 2.072Zm0-1.981c.947 0 1.809-.23 2.586-.69a5.212 5.212 0 0 0 1.857-1.857c.46-.777.69-1.644.69-2.599 0-.947-.23-1.809-.69-2.587a5.26 5.26 0 0 0-1.857-1.863 4.94 4.94 0 0 0-2.586-.697 4.94 4.94 0 0 0-2.586.697 5.321 5.321 0 0 0-1.864 1.863 4.955 4.955 0 0 0-.697 2.587c0 .955.233 1.822.697 2.599a5.272 5.272 0 0 0 1.864 1.857c.777.46 1.639.69 2.586.69Zm7.974-9.941c0-.443.167-.832.502-1.166a1.625 1.625 0 0 1 1.192-.502c.443 0 .831.167 1.166.502.334.334.502.723.502 1.166 0 .469-.168.864-.502 1.186a1.633 1.633 0 0 1-1.166.482 1.604 1.604 0 0 1-1.192-.476 1.6 1.6 0 0 1-.502-1.192Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M1372 628.189h51.766v54H1372z"
/>
<path
d="M1383 655.802c0 1.472.14 2.971.41 4.496.27 1.525.66 3.014 1.18 4.466a25.286 25.286 0 0 0 1.83 4.065c.18.311.42.509.74.592.32.082.64.031.97-.154.31-.166.51-.407.58-.724.07-.316.02-.645-.17-.986a25.257 25.257 0 0 1-2.26-5.739 23.873 23.873 0 0 1-.79-6.016c0-2.027.29-3.869.88-5.526.59-1.657 1.43-3.083 2.52-4.276a11.095 11.095 0 0 1 3.92-2.756c1.52-.644 3.21-.965 5.07-.965 1.86 0 3.54.321 5.06.965 1.52.643 2.83 1.562 3.93 2.756 1.09 1.193 1.94 2.619 2.53 4.276.59 1.657.88 3.499.88 5.526 0 1.969-.27 3.974-.8 6.016a25.28 25.28 0 0 1-2.27 5.739c-.18.341-.24.67-.17.986.08.317.27.558.58.724.33.185.66.236.97.154.32-.083.57-.281.74-.592a25.314 25.314 0 0 0 1.84-4.065c.52-1.452.91-2.941 1.19-4.466.27-1.525.41-3.024.41-4.496 0-2.407-.36-4.593-1.06-6.557-.71-1.964-1.72-3.65-3.03-5.058-1.31-1.409-2.88-2.493-4.71-3.253-1.83-.761-3.85-1.141-6.09-1.141-2.24 0-4.27.38-6.1 1.141-1.83.76-3.39 1.844-4.7 3.253-1.31 1.408-2.31 3.094-3.02 5.058s-1.06 4.15-1.06 6.557Zm4.58 12.661c.24.838.69 1.438 1.35 1.798.66.361 1.41.419 2.26.176.85-.244 1.45-.7 1.81-1.367.36-.668.41-1.421.16-2.259l-2.09-7.135c-.24-.838-.69-1.435-1.35-1.79-.66-.356-1.41-.417-2.26-.183-.85.243-1.45.699-1.81 1.367-.36.667-.42 1.425-.16 2.273l2.09 7.12Zm20.6 0 2.09-7.12c.25-.858.2-1.618-.16-2.281-.37-.662-.97-1.116-1.82-1.359-.85-.234-1.6-.173-2.26.183-.65.355-1.1.952-1.35 1.79l-2.09 7.135c-.25.848-.2 1.603.17 2.266.36.663.97 1.116 1.8 1.36.85.243 1.61.185 2.26-.176.66-.36 1.11-.96 1.36-1.798Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M988 517.765h54v54h-54z"
/>
<path
d="M999 532.176c0 .286.102.533.305.741a.977.977 0 0 0 .725.312h4.68l2.22 15.224c.15.989.49 1.77 1.03 2.343.53.573 1.3.86 2.31.86h16.18c.27 0 .51-.1.71-.298.2-.199.3-.446.3-.742s-.1-.543-.3-.742a.978.978 0 0 0-.71-.298h-15.94c-.39 0-.71-.127-.95-.381-.25-.255-.4-.594-.45-1.019l-.22-1.456h17.59c1.02 0 1.79-.289 2.33-.867.54-.577.88-1.365 1.03-2.364l1.1-7.334c.02-.093.04-.187.05-.284.01-.097.01-.178.01-.243 0-.333-.12-.603-.35-.811-.23-.208-.53-.312-.91-.312h-22.63l-.28-1.761c-.07-.536-.23-.938-.49-1.206-.25-.268-.74-.402-1.45-.402h-4.86a.977.977 0 0 0-.725.312 1.01 1.01 0 0 0-.305.728Zm10.11 23.972c0 .416.1.795.3 1.137.21.342.48.612.81.811.34.199.72.298 1.15.298.62 0 1.15-.217 1.58-.652.44-.434.66-.966.66-1.594 0-.629-.22-1.16-.66-1.595a2.144 2.144 0 0 0-1.58-.651c-.43 0-.81.099-1.15.298-.33.199-.6.469-.81.811-.2.342-.3.721-.3 1.137Zm12.96 0c0 .628.22 1.16.67 1.594.44.435.97.652 1.59.652.63 0 1.16-.217 1.6-.652.44-.434.66-.966.66-1.594 0-.629-.22-1.16-.66-1.595a2.189 2.189 0 0 0-1.6-.651c-.42 0-.79.099-1.14.298-.34.199-.61.469-.81.811-.21.342-.31.721-.31 1.137Z"
fill="var(--home-hero-grid-icon)"
/>
<path
fill="var(--home-hero-grid-icon-background)"
d="M57 626.715h54v54H57z"
/>
<path
d="M68.33 664.957a7.758 7.758 0 0 0 2.307 2.196c.928.58 1.928.98 2.999 1.201a8.834 8.834 0 0 0 3.19.081 6.88 6.88 0 0 0 2.881-1.149c1.003-.698 1.74-1.501 2.21-2.41a5.189 5.189 0 0 0 .59-2.851c-.078-.993-.452-1.96-1.12-2.904-.59-.854-1.306-1.498-2.151-1.93-.845-.432-1.71-.639-2.594-.619-.884.02-1.68.28-2.387.781-.61.432-1.042.894-1.297 1.385a5.82 5.82 0 0 0-.538 1.459c-.103.482-.224.926-.361 1.334a2.002 2.002 0 0 1-.766 1.009c-.423.305-.803.477-1.142.516a8.135 8.135 0 0 1-.921.059c-.276 0-.536.084-.782.251a.926.926 0 0 0-.434.633c-.054.275.051.595.317.958Zm13.617-8.017a8.3 8.3 0 0 1 1.37 1.806c.374.663.61 1.284.708 1.864.6-.098 1.15-.29 1.65-.575.502-.285 1.003-.678 1.504-1.179l.236-.236c.078-.078.152-.162.22-.25a8.201 8.201 0 0 0-.883-2.513 9.348 9.348 0 0 0-1.6-2.137 9.102 9.102 0 0 0-2.129-1.584 8.677 8.677 0 0 0-2.49-.884 12.571 12.571 0 0 0-.501.472c-.501.501-.892 1.007-1.172 1.517a5.19 5.19 0 0 0-.567 1.636c.58.098 1.2.332 1.864.7.663.369 1.26.823 1.79 1.363Zm13.897-17.522-.943.663-1.894 1.342a212.916 212.916 0 0 0-5.445 4.001c-1.002.761-1.99 1.532-2.962 2.313a87.407 87.407 0 0 0-2.726 2.277c1.67.531 3.121 1.41 4.354 2.638a10.534 10.534 0 0 1 2.646 4.377 75.469 75.469 0 0 0 2.291-2.727c.781-.972 1.553-1.957 2.314-2.954a177.133 177.133 0 0 0 4.001-5.445c.54-.767.985-1.401 1.334-1.902.348-.501.572-.815.67-.943.344-.481.516-.97.516-1.466s-.123-.951-.368-1.363a2.779 2.779 0 0 0-.995-.988 2.527 2.527 0 0 0-1.356-.353c-.486.01-.965.186-1.437.53Z"
fill="var(--home-hero-grid-icon)"
/>
<defs>
<radialGradient
id="a"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0 -591.533 857.267 0 766.983 683.455)">
<stop stopColor="var(--home-hero-grid-grid)" />
<stop
offset={1}
stopColor="var(--home-hero-grid-grid)"
stopOpacity={0}
/>
</radialGradient>
</defs>
</svg>
);
}
export default GridBackground;