AnalyticsUpgrade.js
5 years ago
Dashboard.js
4 years ago
User.js
3 years ago
Video.js
3 years ago
illustration.js
5 years ago
illustration.js
481 lines
| 1 | export default ({ width, height }) => { |
| 2 | return ( |
| 3 | <svg |
| 4 | id="e8f68bdd-4984-4f2e-95b7-7fc8ec281257" |
| 5 | data-name="Layer 1" |
| 6 | width={width} |
| 7 | height={height} |
| 8 | xmlns="http://www.w3.org/2000/svg" |
| 9 | xmlnsXlink="http://www.w3.org/1999/xlink" |
| 10 | viewBox="0 0 918.14 765.54" |
| 11 | > |
| 12 | <defs> |
| 13 | <linearGradient |
| 14 | id="27aa7b70-b106-4a00-be67-693c8380e41d" |
| 15 | x1="397.74" |
| 16 | y1="717.25" |
| 17 | x2="397.74" |
| 18 | y2="86.11" |
| 19 | gradientUnits="userSpaceOnUse" |
| 20 | > |
| 21 | <stop offset="0" stop-color="gray" stop-opacity="0.25" /> |
| 22 | <stop offset="0.54" stop-color="gray" stop-opacity="0.12" /> |
| 23 | <stop offset="1" stop-color="gray" stop-opacity="0.1" /> |
| 24 | </linearGradient> |
| 25 | <linearGradient |
| 26 | id="46a816da-c484-41ec-8a6f-fbf14454d910" |
| 27 | x1="288.88" |
| 28 | y1="378.44" |
| 29 | x2="288.88" |
| 30 | y2="209.65" |
| 31 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 32 | /> |
| 33 | <linearGradient |
| 34 | id="32b634d8-28f1-48d9-a868-f602a2cad942" |
| 35 | x1="288.88" |
| 36 | y1="328.29" |
| 37 | x2="288.88" |
| 38 | y2="223.1" |
| 39 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 40 | /> |
| 41 | <clipPath |
| 42 | id="7a4c6aff-0be0-461b-a111-b3ae1b8fbf73" |
| 43 | transform="translate(-140.93 -67.23)" |
| 44 | > |
| 45 | <rect |
| 46 | id="8cc91f6d-19b0-43cc-9c18-2faa83ac34ba" |
| 47 | data-name="<Rectangle>" |
| 48 | x="354.51" |
| 49 | y="291.55" |
| 50 | width="150.6" |
| 51 | height="101.52" |
| 52 | fill="#fff" |
| 53 | /> |
| 54 | </clipPath> |
| 55 | <linearGradient |
| 56 | id="38f1cb81-8fac-4205-a0ff-a33ac00d354c" |
| 57 | x1="288.88" |
| 58 | y1="594.94" |
| 59 | x2="288.88" |
| 60 | y2="426.14" |
| 61 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 62 | /> |
| 63 | <linearGradient |
| 64 | id="6fc01aaf-135e-403e-a209-43b2a4fe59f1" |
| 65 | x1="288.88" |
| 66 | y1="544.79" |
| 67 | x2="288.88" |
| 68 | y2="439.6" |
| 69 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 70 | /> |
| 71 | <clipPath |
| 72 | id="79ce363a-d134-40e4-9f82-b96d04a36978" |
| 73 | transform="translate(-140.93 -67.23)" |
| 74 | > |
| 75 | <rect |
| 76 | id="5b44e697-61fe-43bd-9a58-5f3e41301748" |
| 77 | data-name="<Rectangle>" |
| 78 | x="354.51" |
| 79 | y="508.05" |
| 80 | width="150.6" |
| 81 | height="101.52" |
| 82 | fill="#fff" |
| 83 | /> |
| 84 | </clipPath> |
| 85 | <linearGradient |
| 86 | id="54803c44-522d-4b9e-9a34-f1f7b43e8483" |
| 87 | x1="671.57" |
| 88 | y1="760.34" |
| 89 | x2="671.57" |
| 90 | y2="129.2" |
| 91 | gradientTransform="translate(1109.43 -194.1) rotate(90)" |
| 92 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 93 | /> |
| 94 | <linearGradient |
| 95 | id="089a6a47-adaa-499b-aefb-cd6464b62fb8" |
| 96 | x1="670.96" |
| 97 | y1="553.63" |
| 98 | x2="670.96" |
| 99 | y2="387.28" |
| 100 | gradientTransform="translate(1129.51 -168.41) rotate(90)" |
| 101 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 102 | /> |
| 103 | <linearGradient |
| 104 | id="fd8d88e0-7826-450d-9e0b-001d1be709c2" |
| 105 | x1="637.66" |
| 106 | y1="754.12" |
| 107 | x2="637.66" |
| 108 | y2="601.05" |
| 109 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 110 | /> |
| 111 | <linearGradient |
| 112 | id="8d1793c5-b76e-44e2-a52e-569460402331" |
| 113 | x1="778.37" |
| 114 | y1="673.86" |
| 115 | x2="778.37" |
| 116 | y2="569.13" |
| 117 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 118 | /> |
| 119 | <linearGradient |
| 120 | id="4745700d-8097-45ff-9f71-625443fc4ad8" |
| 121 | x1="778.37" |
| 122 | y1="774.41" |
| 123 | x2="778.37" |
| 124 | y2="713.66" |
| 125 | xlinkHref="#27aa7b70-b106-4a00-be67-693c8380e41d" |
| 126 | /> |
| 127 | </defs> |
| 128 | <title>secure data</title> |
| 129 | <g opacity="0.5"> |
| 130 | <rect |
| 131 | x="162.9" |
| 132 | y="86.11" |
| 133 | width="469.69" |
| 134 | height="631.14" |
| 135 | fill="url(#27aa7b70-b106-4a00-be67-693c8380e41d)" |
| 136 | /> |
| 137 | </g> |
| 138 | <rect |
| 139 | x="169.02" |
| 140 | y="94.67" |
| 141 | width="455.01" |
| 142 | height="609.12" |
| 143 | fill="#f2f2f2" |
| 144 | /> |
| 145 | <rect x="204.49" y="120.36" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 146 | <rect |
| 147 | x="204.49" |
| 148 | y="142.37" |
| 149 | width="156.56" |
| 150 | height="4.89" |
| 151 | fill="#6c63ff" |
| 152 | opacity="0.7" |
| 153 | /> |
| 154 | <rect x="384.29" y="120.36" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 155 | <rect x="408.75" y="259.8" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 156 | <rect x="412.42" y="273.25" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 157 | <rect x="419.76" y="286.7" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 158 | <rect x="408.75" y="476.29" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 159 | <rect x="412.42" y="489.75" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 160 | <rect x="419.76" y="503.2" width="156.56" height="4.89" fill="#e0e0e0" /> |
| 161 | <g opacity="0.5"> |
| 162 | <rect |
| 163 | x="205.71" |
| 164 | y="209.65" |
| 165 | width="166.35" |
| 166 | height="168.79" |
| 167 | fill="url(#46a816da-c484-41ec-8a6f-fbf14454d910)" |
| 168 | /> |
| 169 | </g> |
| 170 | <rect |
| 171 | x="206.76" |
| 172 | y="213.32" |
| 173 | width="163.72" |
| 174 | height="161.45" |
| 175 | fill="#f5f5f5" |
| 176 | /> |
| 177 | <g opacity="0.5"> |
| 178 | <rect |
| 179 | x="212.53" |
| 180 | y="223.1" |
| 181 | width="152.7" |
| 182 | height="105.19" |
| 183 | fill="url(#32b634d8-28f1-48d9-a868-f602a2cad942)" |
| 184 | /> |
| 185 | </g> |
| 186 | <rect |
| 187 | id="689f37f3-cc41-448d-b172-63ec123bc985" |
| 188 | data-name="<Rectangle>" |
| 189 | x="213.58" |
| 190 | y="224.32" |
| 191 | width="150.6" |
| 192 | height="101.52" |
| 193 | fill="#fff" |
| 194 | /> |
| 195 | <g clip-path="url(#7a4c6aff-0be0-461b-a111-b3ae1b8fbf73)"> |
| 196 | <polygon |
| 197 | points="200.82 322.18 238.74 263.46 254.64 289.15 288.88 253.68 318.24 289.15 343.93 236.56 409.98 341.75 195.93 334.41 200.82 322.18" |
| 198 | fill="#6c63ff" |
| 199 | opacity="0.4" |
| 200 | /> |
| 201 | <circle cx="230.17" cy="239" r="11.01" fill="#6c63ff" opacity="0.4" /> |
| 202 | </g> |
| 203 | <g opacity="0.5"> |
| 204 | <rect |
| 205 | x="205.71" |
| 206 | y="426.14" |
| 207 | width="166.35" |
| 208 | height="168.79" |
| 209 | fill="url(#38f1cb81-8fac-4205-a0ff-a33ac00d354c)" |
| 210 | /> |
| 211 | </g> |
| 212 | <rect |
| 213 | x="206.76" |
| 214 | y="429.81" |
| 215 | width="163.72" |
| 216 | height="161.45" |
| 217 | fill="#f5f5f5" |
| 218 | /> |
| 219 | <g opacity="0.5"> |
| 220 | <rect |
| 221 | x="212.53" |
| 222 | y="439.6" |
| 223 | width="152.7" |
| 224 | height="105.19" |
| 225 | fill="url(#6fc01aaf-135e-403e-a209-43b2a4fe59f1)" |
| 226 | /> |
| 227 | </g> |
| 228 | <rect |
| 229 | id="b429ac3a-f8a8-4171-bcce-5b6c002c0714" |
| 230 | data-name="<Rectangle>" |
| 231 | x="213.58" |
| 232 | y="440.82" |
| 233 | width="150.6" |
| 234 | height="101.52" |
| 235 | fill="#fff" |
| 236 | /> |
| 237 | <g clip-path="url(#79ce363a-d134-40e4-9f82-b96d04a36978)"> |
| 238 | <polygon |
| 239 | points="200.82 538.67 238.74 479.96 254.64 505.65 288.88 470.18 318.24 505.65 343.93 453.05 409.98 558.24 195.93 550.9 200.82 538.67" |
| 240 | fill="#bdbdbd" |
| 241 | opacity="0.4" |
| 242 | /> |
| 243 | <circle cx="230.17" cy="455.5" r="11.01" fill="#bdbdbd" opacity="0.4" /> |
| 244 | </g> |
| 245 | <g opacity="0.5"> |
| 246 | <rect |
| 247 | x="349.09" |
| 248 | y="242.63" |
| 249 | width="631.14" |
| 250 | height="469.69" |
| 251 | transform="translate(-74.16 969.06) rotate(-78.76)" |
| 252 | fill="url(#54803c44-522d-4b9e-9a34-f1f7b43e8483)" |
| 253 | /> |
| 254 | </g> |
| 255 | <rect |
| 256 | x="359.37" |
| 257 | y="247.33" |
| 258 | width="609.12" |
| 259 | height="455.01" |
| 260 | transform="translate(-72.16 966.22) rotate(-78.76)" |
| 261 | fill="#fff" |
| 262 | /> |
| 263 | <rect |
| 264 | x="523.5" |
| 265 | y="197.22" |
| 266 | width="322.91" |
| 267 | height="4.89" |
| 268 | transform="translate(-88.86 -196.94) rotate(11.24)" |
| 269 | fill="#e0e0e0" |
| 270 | /> |
| 271 | <rect |
| 272 | x="433.36" |
| 273 | y="650.7" |
| 274 | width="322.91" |
| 275 | height="4.89" |
| 276 | transform="translate(-2.18 -170.66) rotate(11.24)" |
| 277 | fill="#e0e0e0" |
| 278 | /> |
| 279 | <rect |
| 280 | x="428.58" |
| 281 | y="671.14" |
| 282 | width="249.52" |
| 283 | height="4.89" |
| 284 | transform="translate(1.01 -162.18) rotate(11.24)" |
| 285 | fill="#e0e0e0" |
| 286 | /> |
| 287 | <rect |
| 288 | x="424.6" |
| 289 | y="683.47" |
| 290 | width="92.96" |
| 291 | height="4.89" |
| 292 | transform="translate(1.84 -145.91) rotate(11.24)" |
| 293 | fill="#6c63ff" |
| 294 | opacity="0.7" |
| 295 | /> |
| 296 | <rect |
| 297 | x="519.57" |
| 298 | y="209.08" |
| 299 | width="161.45" |
| 300 | height="4.89" |
| 301 | transform="translate(-88.17 -180.2) rotate(11.24)" |
| 302 | fill="#6c63ff" |
| 303 | opacity="0.7" |
| 304 | /> |
| 305 | <rect |
| 306 | x="512.84" |
| 307 | y="249.31" |
| 308 | width="291.11" |
| 309 | height="4.89" |
| 310 | transform="translate(-79.21 -190.76) rotate(11.24)" |
| 311 | fill="#e0e0e0" |
| 312 | /> |
| 313 | <rect |
| 314 | x="509.47" |
| 315 | y="255.44" |
| 316 | width="70.94" |
| 317 | height="4.89" |
| 318 | transform="translate(-80.19 -168.52) rotate(11.24)" |
| 319 | fill="#3ad29f" |
| 320 | opacity="0.7" |
| 321 | /> |
| 322 | <rect |
| 323 | x="501.56" |
| 324 | y="307.59" |
| 325 | width="322.91" |
| 326 | height="4.89" |
| 327 | transform="translate(-67.76 -190.54) rotate(11.24)" |
| 328 | fill="#e0e0e0" |
| 329 | /> |
| 330 | <g opacity="0.5"> |
| 331 | <rect |
| 332 | x="575.87" |
| 333 | y="357.6" |
| 334 | width="166.35" |
| 335 | height="289.88" |
| 336 | transform="translate(-103.27 983.74) rotate(-78.76)" |
| 337 | fill="url(#089a6a47-adaa-499b-aefb-cd6464b62fb8)" |
| 338 | /> |
| 339 | </g> |
| 340 | <rect |
| 341 | x="516.06" |
| 342 | y="420.61" |
| 343 | width="286.22" |
| 344 | height="162.68" |
| 345 | transform="translate(-30.42 -186.11) rotate(11.24)" |
| 346 | fill="#fff" |
| 347 | /> |
| 348 | <rect |
| 349 | x="496.08" |
| 350 | y="335.18" |
| 351 | width="322.91" |
| 352 | height="4.89" |
| 353 | transform="translate(-62.49 -188.94) rotate(11.24)" |
| 354 | fill="#e0e0e0" |
| 355 | /> |
| 356 | <rect |
| 357 | x="547.86" |
| 358 | y="424.02" |
| 359 | width="35.47" |
| 360 | height="118.64" |
| 361 | transform="translate(-35.84 -168.22) rotate(11.24)" |
| 362 | fill="#6c63ff" |
| 363 | /> |
| 364 | <rect |
| 365 | x="606.43" |
| 366 | y="475.19" |
| 367 | width="35.47" |
| 368 | height="79.5" |
| 369 | transform="translate(-28.56 -179.03) rotate(11.24)" |
| 370 | fill="#3ad29f" |
| 371 | /> |
| 372 | <rect |
| 373 | x="665.23" |
| 374 | y="523.93" |
| 375 | width="35.47" |
| 376 | height="42.81" |
| 377 | transform="translate(-21.5 -189.92) rotate(11.24)" |
| 378 | fill="#f55f44" |
| 379 | /> |
| 380 | <rect |
| 381 | x="731.91" |
| 382 | y="492.72" |
| 383 | width="35.47" |
| 384 | height="86.84" |
| 385 | transform="translate(-22.02 -203.09) rotate(11.24)" |
| 386 | fill="#fdd835" |
| 387 | /> |
| 388 | <g opacity="0.5"> |
| 389 | <rect |
| 390 | x="128.65" |
| 391 | y="645.09" |
| 392 | width="3.67" |
| 393 | height="20.79" |
| 394 | fill="#47e6b1" |
| 395 | /> |
| 396 | <rect |
| 397 | x="269.58" |
| 398 | y="712.31" |
| 399 | width="3.67" |
| 400 | height="20.79" |
| 401 | transform="translate(853.2 384.07) rotate(90)" |
| 402 | fill="#47e6b1" |
| 403 | /> |
| 404 | </g> |
| 405 | <path |
| 406 | d="M699.44,75.56a4.49,4.49,0,0,1-2.5-5.43,2.16,2.16,0,0,0,.1-.5h0a2.25,2.25,0,0,0-4-1.49h0a2.16,2.16,0,0,0-.25.44,4.49,4.49,0,0,1-5.43,2.5,2.16,2.16,0,0,0-.5-.1h0a2.25,2.25,0,0,0-1.49,4h0a2.16,2.16,0,0,0,.44.25,4.49,4.49,0,0,1,2.5,5.43,2.16,2.16,0,0,0-.1.5h0a2.25,2.25,0,0,0,4,1.49h0a2.16,2.16,0,0,0,.25-.44,4.49,4.49,0,0,1,5.43-2.5,2.16,2.16,0,0,0,.5.1h0a2.25,2.25,0,0,0,1.49-4h0A2.16,2.16,0,0,0,699.44,75.56Z" |
| 407 | transform="translate(-140.93 -67.23)" |
| 408 | fill="#4d8af0" |
| 409 | opacity="0.5" |
| 410 | /> |
| 411 | <path |
| 412 | d="M286.33,179.4a4.49,4.49,0,0,1-2.5-5.43,2.16,2.16,0,0,0,.1-.5h0a2.25,2.25,0,0,0-4-1.49h0a2.16,2.16,0,0,0-.25.44,4.49,4.49,0,0,1-5.43,2.5,2.16,2.16,0,0,0-.5-.1h0a2.25,2.25,0,0,0-1.49,4h0a2.16,2.16,0,0,0,.44.25,4.49,4.49,0,0,1,2.5,5.43,2.16,2.16,0,0,0-.1.5h0a2.25,2.25,0,0,0,4,1.49h0a2.16,2.16,0,0,0,.25-.44,4.49,4.49,0,0,1,5.43-2.5,2.16,2.16,0,0,0,.5.1h0a2.25,2.25,0,0,0,1.49-4h0A2.16,2.16,0,0,0,286.33,179.4Z" |
| 413 | transform="translate(-140.93 -67.23)" |
| 414 | fill="#fdd835" |
| 415 | opacity="0.5" |
| 416 | /> |
| 417 | <path |
| 418 | d="M253.63,484.46a4.49,4.49,0,0,1-2.5-5.43,2.16,2.16,0,0,0,.1-.5h0a2.25,2.25,0,0,0-4-1.49h0a2.16,2.16,0,0,0-.25.44,4.49,4.49,0,0,1-5.43,2.5,2.16,2.16,0,0,0-.5-.1h0a2.25,2.25,0,0,0-1.49,4h0a2.16,2.16,0,0,0,.44.25,4.49,4.49,0,0,1,2.5,5.43,2.16,2.16,0,0,0-.1.5h0a2.25,2.25,0,0,0,4,1.49h0a2.16,2.16,0,0,0,.25-.44,4.49,4.49,0,0,1,5.43-2.5,2.16,2.16,0,0,0,.5.1h0a2.25,2.25,0,0,0,1.49-4h0A2.16,2.16,0,0,0,253.63,484.46Z" |
| 419 | transform="translate(-140.93 -67.23)" |
| 420 | fill="#fdd835" |
| 421 | opacity="0.5" |
| 422 | /> |
| 423 | <circle cx="337.81" cy="28.62" r="7.34" fill="#f55f44" opacity="0.5" /> |
| 424 | <circle cx="7.34" cy="317.46" r="7.34" fill="#f55f44" opacity="0.5" /> |
| 425 | <circle cx="863.76" cy="120.36" r="7.34" fill="#f55f44" opacity="0.5" /> |
| 426 | <circle cx="822.17" cy="339.3" r="7.34" fill="#4d8af0" opacity="0.5" /> |
| 427 | <circle cx="37.68" cy="145.22" r="7.34" fill="#47e6b1" opacity="0.5" /> |
| 428 | <circle cx="853.29" cy="647.34" r="7.34" fill="#47e6b1" opacity="0.5" /> |
| 429 | <circle cx="910.8" cy="430.97" r="7.34" fill="#47e6b1" opacity="0.5" /> |
| 430 | <rect |
| 431 | x="544.42" |
| 432 | y="601.05" |
| 433 | width="186.48" |
| 434 | height="153.07" |
| 435 | fill="url(#fd8d88e0-7826-450d-9e0b-001d1be709c2)" |
| 436 | /> |
| 437 | <path |
| 438 | d="M723.82,639a54.55,54.55,0,0,1,109.1,0v34.91h15.27V639a69.82,69.82,0,0,0-139.65,0v34.91h15.27Z" |
| 439 | transform="translate(-140.93 -67.23)" |
| 440 | fill="url(#8d1793c5-b76e-44e2-a52e-569460402331)" |
| 441 | /> |
| 442 | <path |
| 443 | d="M726,638.25a52.37,52.37,0,1,1,104.74,0v33.52H845.4V638.25a67,67,0,0,0-134.06,0v33.52H726Z" |
| 444 | transform="translate(-140.93 -67.23)" |
| 445 | fill="#f5f5f5" |
| 446 | /> |
| 447 | <rect |
| 448 | x="546.32" |
| 449 | y="602.45" |
| 450 | width="182.24" |
| 451 | height="148.73" |
| 452 | fill="#6c63ff" |
| 453 | /> |
| 454 | <rect |
| 455 | x="546.32" |
| 456 | y="602.45" |
| 457 | width="182.24" |
| 458 | height="148.73" |
| 459 | fill="#f5f5f5" |
| 460 | /> |
| 461 | <rect |
| 462 | x="546.32" |
| 463 | y="631.77" |
| 464 | width="182.24" |
| 465 | height="90.07" |
| 466 | fill="#6c63ff" |
| 467 | /> |
| 468 | <path |
| 469 | d="M791.73,727a13.36,13.36,0,1,0-23.08,9.15v28.51a9.72,9.72,0,0,0,19.44,0V736.18A13.3,13.3,0,0,0,791.73,727Z" |
| 470 | transform="translate(-140.93 -67.23)" |
| 471 | fill="url(#4745700d-8097-45ff-9f71-625443fc4ad8)" |
| 472 | /> |
| 473 | <path |
| 474 | d="M789.89,729.38a11.52,11.52,0,1,0-19.9,7.89v24.58a8.38,8.38,0,1,0,16.76,0V737.27A11.47,11.47,0,0,0,789.89,729.38Z" |
| 475 | transform="translate(-140.93 -67.23)" |
| 476 | opacity="0.2" |
| 477 | /> |
| 478 | </svg> |
| 479 | ); |
| 480 | }; |
| 481 |