diff --git a/src/icons/svg/offline.svg b/src/icons/svg/offline.svg
new file mode 100644
index 0000000..bddee94
--- /dev/null
+++ b/src/icons/svg/offline.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1533866109364" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13626" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M683.323077 710.892308c9.846154-9.846154 9.846154-25.6 0-35.446154l-35.446154-35.446154c-9.846154-9.846154-25.6-9.846154-35.446154 0l-86.646154 86.646154c-5.907692 5.907692-17.723077 5.907692-23.630769 0l-86.646154-86.646154c-9.846154-9.846154-25.6-9.846154-35.446154 0l-35.446153 35.446154c-9.846154 9.846154-9.846154 25.6 0 35.446154l86.646153 86.646154c5.907692 5.907692 5.907692 17.723077 0 23.630769l-86.646153 86.646154c-9.846154 9.846154-9.846154 25.6 0 35.446153l35.446153 35.446154c9.846154 9.846154 25.6 9.846154 35.446154 0l86.646154-86.646154c5.907692-5.907692 17.723077-5.907692 23.630769 0l86.646154 86.646154c9.846154 9.846154 25.6 9.846154 35.446154 0l35.446154-35.446154c9.846154-9.846154 9.846154-25.6 0-35.446153l-86.646154-86.646154c-5.907692-5.907692-5.907692-17.723077 0-23.630769l86.646154-86.646154z m256-482.461539c-108.307692-120.123077-261.907692-187.076923-425.353846-187.076923S196.923077 108.307692 88.615385 228.430769c-7.876923 7.876923-5.907692 21.661538 1.96923 27.569231l59.076923 51.2c7.876923 7.876923 19.692308 5.907692 27.569231-1.969231 86.646154-92.553846 208.738462-145.723077 336.738462-145.723077s250.092308 53.169231 336.738461 145.723077c7.876923 7.876923 19.692308 7.876923 27.569231 1.969231l59.076923-51.2c7.876923-7.876923 9.846154-19.692308 1.969231-27.569231z m-425.353846 88.615385c-82.707692 0-161.476923 35.446154-216.615385 98.461538-7.876923 7.876923-5.907692 21.661538 1.969231 29.538462l63.015385 47.261538c7.876923 5.907692 19.692308 5.907692 25.6-1.96923 33.476923-35.446154 78.769231-55.138462 126.030769-55.138462s92.553846 19.692308 124.061538 53.169231c5.907692 7.876923 17.723077 7.876923 25.6 1.969231l63.015385-47.261539c9.846154-7.876923 9.846154-19.692308 1.969231-29.538461-53.169231-61.046154-131.938462-96.492308-214.646154-96.492308z" p-id="13627"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/online.svg b/src/icons/svg/online.svg
new file mode 100644
index 0000000..7434e37
--- /dev/null
+++ b/src/icons/svg/online.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1533866128734" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13868" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M501.746542 436.897884C501.79459 436.823176 501.864135 436.757331 501.91092 436.681356 501.72631 435.800052 501.57584 435.030176 501.508824 434.481893 501.592278 435.283424 501.678261 436.090022 501.746542 436.897884L501.746542 436.897884ZM673.119276 624.28533C673.125598 624.28533 673.125598 624.277733 673.125598 624.273934 673.102838 624.262538 673.024441 624.262538 673.008003 624.237213 673.033293 624.262538 673.093987 624.262538 673.119276 624.28533L673.119276 624.28533ZM677.508196 624.83488C676.447319 624.663937 674.063823 624.974166 673.12054 624.28533 672.538892 626.296124 673.416423 627.054603 677.508196 624.83488L677.508196 624.83488ZM510.581283 65.959706C264.148021 65.959706 64.383234 266.007046 64.383234 512.786337 64.383234 759.560562 264.148021 959.616766 510.581283 959.616766 757.005692 959.616766 956.778067 759.561828 956.778067 512.786337 956.778067 266.007046 757.005692 65.959706 510.581283 65.959706L510.581283 65.959706ZM795.585453 240.506186C780.210955 240.97343 769.508615 241.002553 757.157427 249.538294 752.180536 252.983741 748.801914 257.546013 742.485966 259.320019 736.822475 260.91675 730.710104 259.517552 725.092134 261.425781 704.819141 268.315407 708.030854 311.799444 681.317996 305.231444 668.770818 302.148143 659.927226 287.298916 653.611277 277.60203 648.048944 269.071353 637.918136 262.01585 644.760099 251.338892 641.639425 252.140423 638.311382 251.227462 635.237495 251.812466 639.517671 242.403017 653.869226 243.224809 656.256515 238.41562 662.203243 226.362256 639.884363 225.10361 633.564621 223.432171 641.182957 215.301627 645.038278 226.167254 652.557986 224.322339 659.783078 222.540736 648.744393 213.010994 644.411109 211.941018 642.854566 211.554815 617.411219 218.982594 632.138317 205.784547 613.957996 194.179434 595.786525 182.578119 577.60241 170.964141 574.542431 183.876017 601.799004 191.213893 610.702026 195.763502 609.319978 201.09565 601.037803 208.858984 594.696565 206.586079 588.723284 204.441063 591.148507 194.530182 582.129156 195.525449 575.689291 210.519028 595.744798 206.136562 597.608603 215.324419 599.725299 225.793713 590.026936 221.356798 586.296796 221.175726 585.407886 221.130141 578.455917 213.923954 578.080374 219.378928 577.630227 225.857025 589.168372 223.330871 589.98268 229.873546 576.542798 230.418031 569.679341 225.559458 558.738018 218.279829 545.968296 209.793472 539.415894 210.558282 523.770803 210.558282 528.449284 208.633593 534.895471 207.206538 538.896204 204.106776 541.081181 202.413809 549.657973 194.066738 550.223184 192.202829 552.647142 184.162189 550.091681 184.772517 542.408857 179.501149 535.579541 174.822383 527.297366 166.423396 519.021514 164.768416 489.040042 158.77529 509.774561 191.876138 487.015651 196.440943 487.405102 196.461202 487.826165 196.47893 488.161246 196.47893L486.857594 196.47893C486.915759 196.475131 486.962544 196.453605 487.015651 196.440943 481.750464 196.252272 471.882663 194.969568 468.490133 197.755302 466.095257 199.712914 465.894209 207.578813 463.217359 210.426593 458.452896 215.513089 451.350457 216.528616 445.665471 220.195654 440.117047 223.779121 427.882188 232.970777 424.62369 239.207021 412.61264 262.185526 451.685537 269.318271 466.499882 276.035687 473.192638 279.070871 492.752479 283.226679 496.395371 288.297981 501.281222 295.107834 492.18474 301.493495 502.386355 306.281159 505.644854 307.805715 512.364163 308.117211 515.171251 304.957936 519.732137 299.810659 513.317561 298.649514 512.225073 292.704505 510.109641 281.260205 513.595742 285.807282 519.343949 281.555239 531.057853 272.89414 528.420202 272.363584 524.205775 258.562805 522.2484 252.139157 514.865253 234.206629 521.35949 229.46455 529.827539 223.277689 547.889002 232.817561 554.381974 233.615294 561.938352 234.542183 566.22991 245.027938 570.348236 249.316703 573.08325 252.164481 577.975424 258.206992 582.753796 257.55361 590.339256 256.512759 587.165476 249.872582 591.564513 246.809542 603.366927 238.611887 606.476221 249.747225 611.179989 260.883828 615.604315 271.344259 619.792187 275.226559 627.667207 281.936378 631.325273 285.060199 647.354758 296.206933 645.842471 303.077565 644.816998 307.705682 626.506438 314.725731 621.609207 316.27941 603.710858 321.955976 570.134543 306.98519 566.528321 335.409804 573.472703 332.820338 593.226005 316.66055 599.149973 324.320052 601.850847 327.794621 597.006723 332.855793 598.147261 336.306304 601.527147 346.652772 609.495737 343.047779 617.85125 341.376339 617.282245 341.732154 616.698068 342.042383 616.081014 342.318423 627.49777 336.443058 626.311713 337.667515 631.550345 328.137773 633.261152 325.024082 635.805234 317.488673 638.215283 315.260085 646.513896 307.615779 647.792259 312.87955 652.93353 318.777707 654.280174 320.332653 666.990466 338.660249 662.466249 337.746022 647.680987 334.776683 633.48496 335.174283 621.223549 343.270638 614.159043 347.94434 607.476404 354.248962 599.038701 357.352523 597.016839 358.092008 582.040643 359.512732 583.81088 356.956189 586.395424 353.227104 595.289594 350.759197 598.799719 346.733812 589.072274 342.722356 580.959536 351.579723 573.31591 356.758655 565.204437 360.601701 563.319136 367.762303 556.412687 374.0416 553.398229 376.779217 547.696805 377.245194 544.736718 380.847654 541.865142 384.34375 541.508566 389.84051 538.787461 393.159332 536.879399 395.482887 531.985962 394.07989 529.993182 397.58105 527.397258 402.157251 532.369092 406.404229 531.279132 409.700259 529.282559 415.689586 517.90753 420.771018 513.532518 425.083841 514.116696 424.521629 514.697081 423.941689 515.268614 423.35542 510.884752 427.962009 505.337591 431.349209 501.91345 436.68009 503.485166 444.20537 508.440562 462.153093 507.058513 466.283576 502.498892 479.869094 493.642655 458.893784 490.05034 453.475532 477.709268 434.854168 453.043561 447.315262 436.193446 448.860078 414.644617 450.83415 393.537084 478.840905 406.830292 501.573759 413.210727 512.476107 423.944678 516.69776 436.256668 514.174139 447.215692 511.927824 450.505802 496.575899 460.823747 496.296059 479.786766 495.789562 461.242282 514.903495 459.601021 521.918478 458.083675 528.416835 461.965549 529.017034 468.644396 530.627695 473.577032 531.809099 480.561877 528.514336 484.838261 531.334258 487.531548 533.115862 487.40131 542.864664 491.107424 539.790227 483.814053 545.844133 485.517272 560.199526 492.995254 565.387321 501.28628 571.147459 511.047866 565.814045 519.728344 568.024905 536.116934 572.212369 528.293756 566.773857 542.685773 558.073504 552.39931 552.210801 553.992522 559.177668 560.630907 559.205525 565.148801 559.223252 568.019112 552.69957 575.574226 554.597668 581.732117 556.152614 584.164926 560.91242 591.517728 562.00772 594.532186 562.452171 597.644008 560.8719 600.519376 561.189728 614.117317 562.702887 624.528832 571.40324 635.245081 579.271672 644.076029 585.74597 649.925394 584.434143 660.24081 587.387021 667.776957 589.538367 681.682159 600.45971 680.970272 610.048965 680.842562 611.764724 674.254756 620.387836 673.129391 624.271402 675.057684 625.608554 688.469749 622.607559 692.394615 622.325187 691.104871 623.828217 681.971719 630.254399 681.971719 626.841875 681.971719 628.591821 688.434345 632.182886 690.008589 633.298445 694.771789 617.809766 702.596231 627.776362 712.013885 631.613076 720.020408 634.878716 729.875564 635.053458 738.415688 637.090843 745.664803 638.819264 761.651297 643.720889 767.022698 649.653236 773.489116 656.793578 769.019271 668.394893 764.234577 675.49978 757.975528 684.811728 748.538908 688.393928 744.634273 699.350725 741.549005 708.034617 743.865485 716.808413 742.102836 726.435655 739.71934 739.467824 737.80875 734.899221 729.427948 742.851224 722.376087 749.548382 729.310353 748.384705 719.709353 752.653209 710.065362 756.944505 701.573288 755.668133 694.896969 766.264051 695.163769 765.598007 695.381256 764.929431 695.56713 764.232997 692.749926 768.181142 691.341324 776.266101 690.006061 778.918879 686.640084 785.688212 681.997008 789.957983 676.672391 795.595295 674.632828 797.754238 655.87465 823.417177 654.791013 821.354468 653.397585 818.673833 638.607264 824.047766 637.902963 820.223714 638.490935 823.437438 637.762609 822.359865 641.435848 824.212378 638.034467 845.302915 629.126387 848.449528 608.444975 848.662257 610.224063 858.798529 600.950555 856.776339 596.641296 862.226248 594.121238 865.408316 592.918743 874.356853 591.172531 878.478472 590.081308 881.066672 582.007768 891.438465 582.007768 893.493577 581.998917 895.38661 584.723816 898.15968 587.27422 900.820057 572.693799 903.70709 557.827612 905.721682 542.728764 906.948671 545.554819 903.382932 546.235096 900.248981 537.232183 899.819725 539.640968 893.264387 545.298136 889.525172 547.69554 883.174966 548.832285 880.179035 547.891531 878.995098 548.85378 876.02576 552.147684 865.779325 550.71885 869.645163 548.861367 861.685562 544.51038 843.03001 550.409059 837.928318 555.487107 820.847972 560.700452 803.295316 560.214901 780.542202 563.555589 761.634668 565.13995 752.587364 567.735874 733.760869 564.597499 725.208666 561.062085 715.576359 545.510564 707.990299 538.387893 701.513468 528.303871 692.312949 522.943851 682.371678 515.455753 670.999553 511.654804 665.224221 507.322784 659.556519 504.35764 653.277222 498.015137 639.849985 504.361432 647.841242 505.428632 639.917096 506.451576 632.25886 504.518225 625.41482 507.554179 617.377977 510.912569 608.492752 519.295901 602.955474 522.049881 593.995541 524.528212 586.019478 522.64291 575.99337 514.460628 573.332994 509.901006 571.842626 504.869743 575.276676 500.287361 574.523262 493.899339 573.486209 486.666661 568.709942 481.653101 564.890954 474.654347 559.551209 472.030605 550.873648 464.577912 545.809945 458.337831 541.590823 453.899596 544.115712 447.224543 542.141639 440.263723 540.087794 435.965844 531.487474 430.350402 528.794176 421.92408 524.757395 417.176055 530.552987 408.28062 529.381712 400.715391 528.390244 389.177247 519.99379 382.108948 516.821851 367.735898 510.379209 358.983347 503.267991 353.235138 488.660616 348.313882 476.133677 341.138105 470.289968 332.689023 459.857395 324.127404 449.285536 321.446761 440.277486 308.250917 437.460096 306.701961 437.123275 311.480333 448.557446 311.97347 449.474205 316.68862 458.217611 323.769563 466.203803 329.464664 474.344477 337.844203 486.335795 334.27212 488.585908 325.748434 476.990924 316.000757 463.725766 304.690215 450.536583 296.23481 436.488888 293.038269 431.179532 293.65153 427.746749 288.380021 422.705837 283.285535 417.835867 276.619332 415.462928 271.489442 410.831014 253.032205 394.209046 249.676343 372.019411 251.78166 348.324213 252.464465 340.600133 255.251322 334.422135 254.022273 326.998154 253.008181 320.832819 249.37414 315.736193 244.833484 311.19418 243.37051 308.860495 239.697271 303.11302 239.484843 302.747076 235.294442 295.77641 232.034679 288.922239 225.378593 283.205154 221.559941 279.91039 211.678233 272.210369 202.374379 265.760128 244.174704 213.552946 298.871197 172.179734 361.617205 146.49147 362.115399 149.650746 363.470894 152.80369 365.501608 155.822412 370.66058 163.484446 375.576778 162.877916 385.64689 164.998873 384.568312 176.704019 370.905884 176.796454 361.657667 175.527679 350.618983 174.009454 339.004971 170.337352 329.441904 180.025374 334.724794 183.206175 349.220496 195.591294 347.294732 182.650294 357.869363 182.119739 368.09121 181.804444 378.436974 183.070687 382.581854 183.579716 396.470618 188.247087 400.234899 186.118533 401.814202 185.224566 403.49719 177.420712 405.170063 175.019917 402.220091 175.036377 399.058956 173.54601 396.121629 173.828382 402.972442 165.044457 409.797965 171.93535 418.516377 175.974664 408.917905 181.815841 414.610478 195.815419 423.995256 184.440761 431.703369 175.087027 422.10869 168.306298 412.320551 162.85639 422.19088 150.494063 428.276698 149.378503 437.564114 163.33123 439.094103 154.725846 446.029634 158.171292 453.27875 158.806946L453.27875 156.654333C450.087268 156.731574 446.680827 154.89299 443.522222 155.224746 450.906633 143.427163 446.194014 140.731333 456.75094 136.880689 465.157032 133.815115 489.139934 136.669226 492.094963 128.753943 475.310598 132.022116 455.032548 132.803388 439.889445 140.446428 433.361068 143.741191 425.583411 154.14464 419.06262 147.382905 412.378716 140.446428 423.842257 129.292097 429.70806 125.892235L428.304516 125.892235C454.860581 120.23593 482.364988 117.19948 510.582547 117.19948 528.815976 117.19948 546.734555 118.550561 564.323112 120.956421 558.237294 124.157483 562.737487 126.318959 558.304311 129.589664 549.83879 135.825909 534.810753 141.0289 524.735582 144.969446 537.541973 144.935257 568.542596 156.994952 574.508291 139.005444 570.373526 138.369789 566.25014 137.731603 562.119169 137.09595 569.836132 131.971465 578.444536 127.824521 587.48159 124.784273 669.035089 140.963055 741.574294 182.386916 796.756337 240.513783 796.358035 240.506186 795.966053 240.496056 795.585453 240.506186L795.585453 240.506186ZM867.799693 397.386049C868.534341 395.815908 870.250206 395.298015 870.9583 394.002649 872.449091 391.278961 872.11654 389.431513 873.951263 387.094029 875.916225 384.566609 878.567785 383.947416 880.760349 381.973344 881.645466 381.178143 882.137338 380.442456 882.543229 379.692841 889.124713 398.086281 894.370933 417.103979 898.185791 436.629441 898.070725 436.769993 898.006239 436.981455 897.862091 437.099216 896.90237 437.857696 890.649644 438.788384 889.366223 438.832702 884.836949 439.007445 881.4735 435.998852 878.221324 433.166267 874.913512 430.289364 871.018994 426.439987 868.668373 422.7147 866.158432 418.7349 867.707388 414.647469 867.888205 410.101658 868.03741 406.280138 866.179927 400.830229 867.799693 397.386049L867.799693 397.386049ZM872.905559 602.25904C865.241702 595.591007 856.199591 586.6526 850.749794 578.015559 844.929511 568.806176 848.516767 559.329616 848.942888 548.783082 849.295672 539.913052 844.96871 527.291146 848.73299 519.304953 850.461498 515.659441 854.421769 514.452712 856.052915 511.465646 859.518783 505.139497 858.749995 500.863396 863.002354 495.424884 867.564505 489.583707 873.699637 488.145256 878.781478 483.565255 884.106094 478.763664 883.958152 474.973799 887.329188 468.822393 889.794873 464.3209 895.591131 456.818413 901.078862 452.894327 904.056651 472.428652 905.608137 492.434019 905.608137 512.785071 905.608137 547.996746 900.929657 582.124516 892.264352 614.641627 884.877411 612.733399 878.801708 607.401251 872.905559 602.25904L872.905559 602.25904Z" p-id="13869"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/plus.svg b/src/icons/svg/plus.svg
new file mode 100644
index 0000000..2a44d50
--- /dev/null
+++ b/src/icons/svg/plus.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1533866120081" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13747" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M832 1024H192c-106.048 0-192-86.016-192-192V192a192 192 0 0 1 192-192h640a192 192 0 0 1 192 192v640c0 105.984-85.952 192-192 192z m64-832a64 64 0 0 0-64-64H192a64 64 0 0 0-64 64v640c0 35.392 28.608 64 64 64h640c35.392 0 64-28.608 64-64V192z m-192 384h-128v128c0 35.392-28.608 64-64 64s-64-28.608-64-64v-128h-128a64 64 0 1 1 0-128h128v-128a64 64 0 1 1 128 0v128h128a64 64 0 1 1 0 128z" fill="" p-id="13748"></path></svg>
\ No newline at end of file
diff --git a/src/icons/svg/rise.svg b/src/icons/svg/rise.svg
new file mode 100644
index 0000000..e784934
--- /dev/null
+++ b/src/icons/svg/rise.svg
@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1533866073593" class="icon" style="" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="13505" xmlns:xlink="http://www.w3.org/1999/xlink" width="200.1953125" height="200"><defs><style type="text/css"></style></defs><path d="M977.19856 256H785.19856a48 48 0 1 0 0 96h76.112L655.26256 558.064l-27.808 27.808-4.768 4.768L561.19856 652.128 339.13456 430.064A47.824 47.824 0 0 0 305.19856 416a47.84 47.84 0 0 0-33.936 14.064l-256 256a48 48 0 1 0 67.872 67.872L305.19856 531.888l222.064 222.064A47.904 47.904 0 0 0 561.19856 768a47.84 47.84 0 0 0 33.936-14.064l95.424-95.44L929.19856 419.888V496a48 48 0 1 0 96 0V304a48 48 0 0 0-48-48z" fill="" p-id="13506"></path></svg>
\ No newline at end of file
diff --git a/src/views/dashboard/admin/components/PanelGroup.vue b/src/views/dashboard/admin/components/PanelGroup.vue
index 5b34ce2..6441e05 100644
--- a/src/views/dashboard/admin/components/PanelGroup.vue
+++ b/src/views/dashboard/admin/components/PanelGroup.vue
@@ -2,8 +2,8 @@
   <el-row class="panel-group" :gutter="40">
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
       <div class='card-panel' @click="handleSetLineChartData('newVisitis')">
-        <div class="card-panel-icon-wrapper icon-people">
-          <svg-icon icon-class="peoples" class-name="card-panel-icon" />
+        <div class="card-panel-icon-wrapper icon-plus">
+          <svg-icon icon-class="plus" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Total Mosquito</div>
@@ -13,8 +13,8 @@
     </el-col>
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
       <div class="card-panel" @click="handleSetLineChartData('messages')">
-        <div class="card-panel-icon-wrapper icon-message">
-          <svg-icon icon-class="message" class-name="card-panel-icon" />
+        <div class="card-panel-icon-wrapper icon-rise">
+          <svg-icon icon-class="rise" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Daily Mosquito</div>
@@ -24,8 +24,8 @@
     </el-col>
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
       <div class="card-panel" @click="handleSetLineChartData('purchases')">
-        <div class="card-panel-icon-wrapper icon-money">
-          <svg-icon icon-class="money" class-name="card-panel-icon" />
+        <div class="card-panel-icon-wrapper icon-online">
+          <svg-icon icon-class="online" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Online Device</div>
@@ -35,8 +35,8 @@
     </el-col>
     <el-col :xs="12" :sm="12" :lg="6" class="card-panel-col">
       <div class="card-panel" @click="handleSetLineChartData('shoppings')">
-        <div class="card-panel-icon-wrapper icon-shoppingCard">
-          <svg-icon icon-class="shoppingCard" class-name="card-panel-icon" />
+        <div class="card-panel-icon-wrapper icon-offline">
+          <svg-icon icon-class="offline" class-name="card-panel-icon" />
         </div>
         <div class="card-panel-description">
           <div class="card-panel-text">Offline Device</div>
@@ -88,30 +88,30 @@ export default {
       .card-panel-icon-wrapper {
         color: #fff;
       }
-      .icon-people {
-         background: #40c9c6;
-      }
-      .icon-message {
+      .icon-plus {
         background: #36a3f7;
       }
-      .icon-money {
-        background: #f4516c;
+      .icon-rise {
+        background: #40c9c6;
       }
-      .icon-shoppingCard {
-        background: #34bfa3
+      .icon-online {
+        background: #5be496;
+      }
+      .icon-offline {
+        background: #f4516c
       }
     }
-    .icon-people {
-      color: #40c9c6;
-    }
-    .icon-message {
+    .icon-plus {
       color: #36a3f7;
     }
-    .icon-money {
-      color: #f4516c;
+    .icon-rise {
+      color: #40c9c6;
     }
-    .icon-shoppingCard {
-      color: #34bfa3
+    .icon-online {
+      color: #5be496;
+    }
+    .icon-offline {
+      color: #f4516c
     }
     .card-panel-icon-wrapper {
       float: left;