diff --git a/build/webpack.base.conf.js b/build/webpack.base.conf.js
index d56a799d..10998668 100755
--- a/build/webpack.base.conf.js
+++ b/build/webpack.base.conf.js
@@ -52,6 +52,14 @@ module.exports = {
         loader: 'babel-loader',
         include: [resolve('src'), resolve('test')]
       },
+      {
+        test: /\.svg$/,
+        loader: 'svg-sprite-loader',
+        include: [resolve('src/assets/icons')],
+        options: {
+          symbolId: 'icon-[name]'
+        }
+      },
       {
         test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,
         loader: 'url-loader',
diff --git a/src/assets/icons/index.js b/src/assets/icons/index.js
new file mode 100644
index 00000000..e69de29b
diff --git a/src/assets/icons/svg/alarm.svg b/src/assets/icons/svg/alarm.svg
new file mode 100644
index 00000000..928608e7
--- /dev/null
+++ b/src/assets/icons/svg/alarm.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="1519272629847" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1628" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><defs><style type="text/css"></style></defs><path d="M787.631554 3.833222c-6.844871-5.137015-16.271698-5.311835-26.693654 0.69928L92.29213 390.588629c-20.897702 12.102916-37.828337 44.377359-37.828337 72.267857v429.519044c0 15.343808 5.096672 26.02127 13.151836 30.620377l170.785593 98.060516 15.895163-193.646657 506.641515-292.473691c20.884254-12.102916 37.828337-44.377359 37.828336-72.281304v-262.498802L802.155053 201.7159l73.155404-31.30621 63.473071-34.963979L956.198279 100.858266z" fill="#3D3D44" p-id="1629"></path><path d="M931.696598 633.386573L263.050828 1019.442701c-20.884254 12.102916-37.828337-0.739623-37.828337-28.589778V561.320432c0-27.850155 16.944083-60.205284 37.828337-72.267857L931.696598 103.009896c20.897702-12.102916 37.828337 0.739623 37.828337 28.589777v429.532491c0 27.87705-16.930635 60.151493-37.828337 72.254409z" fill="#535359" p-id="1630"></path><path d="M903.698519 598.422594L291.048907 952.096697c-10.435403 6.024563-18.907444-0.376535-18.907444-14.294889V560.177379c0-13.918353 8.472041-30.095918 18.907444-36.133929l612.649612-353.674103c10.448851-6.03801 18.907444 0.363087 18.907444 14.294889v377.610982c0 13.918353-8.458594 30.095918-18.907444 36.147376z" fill="#35353A" p-id="1631"></path><path d="M901.07622 586.88448L293.684653 937.55975c-5.231149 3.012281-9.413379-0.188268-9.413379-7.154169V553.641804c0-6.965901 4.222573-15.047959 9.413379-18.073688l607.391567-350.675269c5.217702-3.012281 9.413379 0.188268 9.41338 7.154168V568.837688c0.040343 6.939005-4.195678 15.034511-9.41338 18.046792z" fill="#D5D8DB" p-id="1632"></path><path d="M866.421537 204.903001l-572.736884 330.665115c-5.231149 3.025729-9.413379 11.107787-9.413379 18.073688v376.763777c0 6.965901 4.222573 10.16645 9.413379 7.154169l573.705118-331.270261c4.989091-2.877804 8.929263-10.758148 8.808233-17.683705l-0.497564-376.454481c-0.121029-6.885214-4.276364-10.139554-9.278903-7.248302z" fill="#FFFFFF" p-id="1633"></path><path d="M323.67299 722.141291v-74.298457l11.161578-19.324322 11.161578 6.44144v59.331185z m0 80.914718v-74.298457h22.323156v61.429023l-11.161578 19.364666z m14.792453-180.844462l11.417084-19.754648L404.103591 571.137242l11.430532 6.589365-11.430532 19.176398-54.234512 31.319657z m0 189.383742l11.417084-19.176398L404.103591 761.139576l11.430532 5.997668-11.430532 19.768096-54.234512 31.319657z m69.295918-152.98086v-59.317736l11.134683-19.324323 11.161578 6.441441v74.311905z m0 95.895439V693.094293l22.309709-25.765764v74.311905L418.896044 760.964756zM441.232648 549.71508l99.055644-57.193002-22.793825 38.917599-54.032797 31.198628z m80.444049 43.140172v-59.331184l22.323156-38.998285v100.373517z m0 100.467651v-65.893654L543.95951 601.623142v104.582643zM618.500025 448.104376l75.777703-43.745318 11.417084 6.589366-11.417084 19.176398-54.234512 31.319657z m0 215.75465l21.516296-38.204871L694.277728 594.388288l11.417084 5.997667-11.417084 19.781544z m0.52446-108.173174l21.018731-26.222985 54.234512-31.319657 21.018731 1.788542-21.018731 23.990669-54.234512 31.30621z m78.884118-63.836158v-59.331184l11.161578-19.324323 11.161578 6.441441v74.311904z m0 95.895438v-61.429023l22.323156-25.765763v74.311904l-11.161578 19.324323zM751.887608 475.672129v-74.311905l11.161578-19.324322 11.161579 6.441441V447.808527z m0 111.172008l21.516295-38.204872 58.900859-34.009194 11.417084 5.997668-11.417084 19.768096z m5.190806-111.037531l21.018731-26.048165 54.234512-31.319657 21.018731 1.788542-21.018731 23.990669-54.234512 31.30621z m9.601647-100.064221l11.417084-19.781544 75.522197-43.597393-21.287685 38.056947-54.234512 31.319658z m69.282471 132.298321v-61.429023l22.323156-25.698525v74.311904l-11.161578 19.324323zM596.163421 544.483931l-21.798696 12.587033v-33.565421l21.798696-12.573585v33.551973zM596.149974 626.03069l-21.785249 12.587033v-33.551973l21.785249-12.587033v33.551973z" fill="#2C2C30" p-id="1634"></path><path d="M723.876081 181.114047v-8.06861h-9.682332v0.336192l-84.343878-48.761304c-4.101544-2.366792-10.542985-2.487822-14.375575-0.282402L311.099405 300.072265l-12.694614 1.344768v8.256878c0 1.600274 1.035472 3.25434 3.227444 4.518422l90.812213 52.44597c4.114991 2.366792 10.542985 2.501269 14.375575 0.282401l314.339626-181.543741a4.518422 4.518422 0 0 0 2.716432-4.262916z" fill="#303035" p-id="1635"></path><path d="M721.173097 177.012503L406.793128 358.489006c-3.83259 2.218868-10.260583 2.084391-14.375575-0.282401l-90.812214-52.44597c-4.114991-2.38024-4.330154-6.091801-0.497564-8.297221l314.326178-181.543741c3.83259-2.20542 10.274031-2.084391 14.375575 0.295849l90.825661 52.445969c4.141887 2.420583 4.370497 6.15904 0.537908 8.351012z" fill="#4A4A51" p-id="1636"></path><path d="M293.684653 937.55975l607.391567-350.67527a20.279108 20.279108 0 0 0 7.772762-9.951286l-33.484734-14.657976-591.133317 337.294823v30.83554c0 6.965901 4.222573 10.16645 9.453722 7.154169z" fill="#DFE3E8" p-id="1637"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/chart-col.svg b/src/assets/icons/svg/chart-col.svg
new file mode 100644
index 00000000..436a6a32
--- /dev/null
+++ b/src/assets/icons/svg/chart-col.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="1519272618144" class="icon" style="" viewBox="0 0 1433 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1335" xmlns:xlink="http://www.w3.org/1999/xlink" width="279.8828125" height="200"><defs><style type="text/css"></style></defs><path d="M584.162179 1015.456103L14.816006 686.738325c-21.927688-12.659454-19.178496-34.768227 6.140411-49.386686L760.456184 210.38728c25.318907-14.601997 63.610051-16.198833 85.521277-3.539379l569.362635 328.717779c21.927688 12.659454 19.178496 34.768227-6.140411 49.386686L669.683456 1011.900262c-25.318907 14.618459-63.610051 16.215295-85.521277 3.555841z" fill="#C8CFE3" p-id="1336"></path><path d="M587.158304 964.028102L17.795669 635.310323c-21.927688-12.659454-19.178496-34.768227 6.140411-49.386686L763.452309 158.975741c25.318907-14.618459 63.610051-16.198833 85.603589-3.555842L1418.336222 484.15414c21.927688 12.642991 19.178496 34.751764-6.140412 49.386686L672.679581 960.488722c-25.318907 14.618459-63.577127 16.198833-85.521277 3.53938z" fill="#D6DDEC" p-id="1337"></path><path d="M584.162179 903.776345L14.816006 574.976255c-21.927688-12.659454-19.178496-34.768227 6.140411-49.386685L760.456184 98.641673c25.318907-14.618459 63.610051-16.198833 85.521277-3.555841l569.362635 328.734241c21.927688 12.642991 19.178496 34.751764-6.140411 49.386686L669.683456 900.154655c-25.318907 14.618459-63.610051 16.198833-85.521277 3.62169z" fill="#FFFFFF" p-id="1338"></path><path d="M1358.742955 449.813932l-724.667299 417.547964L69.503529 541.393309l724.667299-417.531502 564.572127 325.952125z" fill="#EEF2FB" p-id="1339"></path><path d="M1050.487726 166.169735l-72.664277 41.945758-72.664277-41.945758 72.664277-41.962221 72.664277 41.962221z" fill="#FFA1FF" p-id="1340"></path><path d="M1050.487726 384.195489l-72.664277 41.96222V208.115493l72.664277-41.962221v218.042217z" fill="#FC7AF6" p-id="1341"></path><path d="M905.159172 384.195489V166.153272l72.664277 41.962221v218.042216l-72.664277-41.96222z" fill="#EF5EE1" p-id="1342"></path><path d="M892.549105 41.945758l-72.647814 41.962221-72.664277-41.962221L819.901291 0l72.647814 41.945758z" fill="#FFAD40" p-id="1343"></path><path d="M892.549105 505.192869l-72.647814 41.96222V83.891516l72.664277-41.945758-0.016463 463.247111z" fill="#F99E32" p-id="1344"></path><path d="M747.237014 505.192869V41.945758l72.664277 41.945758v463.263573l-72.664277-41.96222z" fill="#F28522" p-id="1345"></path><path d="M733.425205 224.79173l-72.664277 41.945759-72.664277-41.945759 72.664277-41.96222 72.664277 41.96222z" fill="#3BB9FF" p-id="1346"></path><path d="M733.425205 608.460428l-72.664277 41.96222V266.721026l72.664277-41.945758v383.68516z" fill="#32ABFC" p-id="1347"></path><path d="M588.096651 608.460428l0.016463-383.68516 72.647814 41.945758V650.422648l-72.664277-41.96222z" fill="#2194F4" p-id="1348"></path><path d="M575.206726 383.405302l-72.664276 41.945758-72.664277-41.945758 72.664277-41.96222 72.664276 41.96222z" fill="#18EFC6" p-id="1349"></path><path d="M575.206726 695.973635l-72.664276 41.96222V425.35106l72.664276-41.945758v312.568333z" fill="#09D1AF" p-id="1350"></path><path d="M429.878173 695.973635V383.405302l72.664277 41.945758v312.584795l-72.664277-41.96222z" fill="#11C18F" p-id="1351"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/iPhone-x.svg b/src/assets/icons/svg/iPhone-x.svg
new file mode 100644
index 00000000..f27ac104
--- /dev/null
+++ b/src/assets/icons/svg/iPhone-x.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="1519272601888" class="icon" style="" viewBox="0 0 1676 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1046" xmlns:xlink="http://www.w3.org/1999/xlink" width="327.34375" height="200"><defs><style type="text/css"></style></defs><path d="M1675.600645 308.178344l-10.019185 1.276955-23.829944 33.397283a75.792188 75.792188 0 0 0-13.575014-9.82273L1210.160387 91.705011c-42.964623-24.792572-117.990638-21.610007-167.575781 6.954493L59.407874 666.275804a120.387384 120.387384 0 0 0-14.871614 10.058476l-23.771008-11.964086-19.841915 2.750365s-0.235746 36.697721 12.219476 63.926329C21.177807 748.492057 41.255468 759.513161 47.365206 763.029698l418.055406 241.344487c50.056634 31.786356 117.872765 21.610007 167.575781-6.934848l983.137442-567.6163c10.097767-5.893638 39.290922-27.975136 49.447625-49.761952 14.616223-31.079119 10.019185-71.882741 10.019185-71.882741z" fill="#28282B" p-id="1047"></path><path d="M457.071292 950.25094L29.645 703.484307c-43.907605-25.36229-38.406876-69.643159 12.298059-98.914896L1047.103062 24.222853c50.704934-29.271737 127.400813-32.454301 171.328064-7.111657L1645.896708 263.897475c43.907605 25.342644 38.406876 69.643159-12.298059 98.914896L628.399355 943.158929c-50.704934 29.291382-120.151638 39.585604-171.328063 7.092011z" fill="#3F3F3F" p-id="1048"></path><path d="M484.457064 933.454071L60.566956 688.730566C31.432737 671.87476 35.027857 642.406569 68.759113 622.937917L1078.928708 39.703476c33.731256-19.468652 84.750518-21.610007 113.943673-4.71491L1616.821426 279.712071c29.2128 16.875451 25.539099 46.323997-8.172512 65.792649L598.400737 928.73916c-33.731256 19.468652-84.730873 21.590361-113.943673 4.714911z" fill="#F2F2F4" p-id="1049"></path><path d="M1480.914128 257.709155l-251.736935-145.37641c-16.659351-9.60663-14.576932-26.423145 4.67562-37.52283l33.967001-19.645461 312.087791 180.188167-33.967002 19.64546c-19.252552 11.119331-48.347479 12.317704-65.026475 2.711074z" fill="#3F3F3F" p-id="1050"></path><path d="M534.356534 851.375336l-19.016806-10.962167c-33.927711-19.645461-29.664646-53.828563 9.508403-76.460134 39.192694-22.611925 98.46305-25.067608 132.410406-5.481083l19.016806 10.981812c33.927711 19.645461 29.664646 53.808917-9.508403 76.440488-39.231985 22.631571-98.502341 25.087253-132.410406 5.481084z" fill="#F75B57" p-id="1051"></path><path d="M234.606093 665.509631l-19.016806-10.981813c-33.927711-19.645461-29.664646-53.828563 9.508403-76.440488 39.290922-22.631571 98.46305-25.087253 132.410406-5.500729l19.016806 10.981813c33.927711 19.645461 29.664646 53.828563-9.508403 76.440488-39.192694 22.631571-98.46305 25.087253-132.410406 5.500729z" fill="#8CD86C" p-id="1052"></path><path d="M776.781521 334.42468l-19.016806-10.981813c-33.947356-19.645461-29.684291-53.828563 9.508403-76.440488 39.173049-22.631571 98.46305-25.087253 132.39076-5.500729l19.016807 10.981813c33.947356 19.645461 29.684291 53.828563-9.508404 76.440488-39.173049 22.729798-98.46305 25.087253-132.39076 5.500729zM944.809147 431.433965l-18.99716-11.021103c-33.947356-19.645461-29.684291-53.808917 9.488757-76.440488 39.290922-22.611925 98.46305-25.067608 132.410406-5.481084l19.016806 10.981813c33.927711 19.645461 29.684291 53.808917-9.508403 76.440488-39.192694 22.651216-98.46305 25.106899-132.410406 5.520374zM1112.856419 528.462896l-19.016806-10.962167c-33.927711-19.645461-29.684291-53.828563 9.508403-76.440488 39.290922-22.631571 98.46305-25.087253 132.410406-5.500729l18.997161 10.981813c33.947356 19.645461 29.684291 53.808917-9.508403 76.440488-39.173049 22.611925-98.46305 25.126544-132.390761 5.481083zM603.940757 434.164684l-19.016806-10.981812c-33.927711-19.645461-29.684291-53.808917 9.508403-76.440488 39.192694-22.59228 98.46305-25.028317 132.449696-5.441793l19.016807 10.981812c33.947356 19.645461 29.684291 53.808917-9.508403 76.440489-39.231985 22.611925-98.521986 25.087253-132.449697 5.441792zM772.06661 531.232906l-18.99716-10.981812c-33.947356-19.645461-29.684291-53.828563 9.488757-76.440489 39.192694-22.631571 98.482695-25.087253 132.410406-5.500729l19.016806 10.981813c33.927711 19.645461 29.684291 53.828563-9.508403 76.440488-39.290922 22.631571-98.561277 25.087253-132.410406 5.500729zM940.015655 628.242192l-19.016806-10.981813c-33.927711-19.645461-29.684291-53.808917 9.508403-76.440488 39.290922-22.611925 98.46305-25.087253 132.410406-5.481084l18.997161 10.981813c33.947356 19.645461 29.684291 53.808917-9.488758 76.440488-39.192694 22.611925-98.482695 25.067608-132.410406 5.481084z" fill="#D9D9E2" p-id="1053"></path><path d="M1231.927557 390.198143a2.750365 2.750365 0 0 0 0-5.481084 2.750365 2.750365 0 0 0 0 5.481084z" fill="#FF9124" p-id="1054"></path><path d="M388.646151 850.49129l-187.574859-108.305426c-3.437956-1.964546-3.005756-5.461438 0.962627-7.858184a14.871614 14.871614 0 0 1 13.437495-0.550073l187.594506 108.28578c3.437956 1.964546 3.005756 5.461438-0.982273 7.759957a14.950196 14.950196 0 0 1-13.437496 0.667946z" fill="#C5C5D1" p-id="1055"></path><path d="M1296.600414 121.91973a17.543397 10.137058 0 1 0 35.086793 0 17.543397 10.137058 0 1 0-35.086793 0Z" fill="#76767C" p-id="1056"></path><path d="M1454.196301 209.695649L1343.74952 145.946128c-2.868237-1.669864-2.514619-4.557747 0.805464-6.483002a12.435577 12.435577 0 0 1 11.197913-0.451845l110.446781 63.74952c2.868237 1.669864 2.494974 4.557747-0.805464 6.483002a12.435577 12.435577 0 0 1-11.197913 0.451846z" fill="#76767C" p-id="1057"></path></svg>
\ No newline at end of file
diff --git a/src/assets/icons/svg/macbook-pro.svg.REMOVED.git-id b/src/assets/icons/svg/macbook-pro.svg.REMOVED.git-id
new file mode 100644
index 00000000..dbc22ea6
--- /dev/null
+++ b/src/assets/icons/svg/macbook-pro.svg.REMOVED.git-id
@@ -0,0 +1 @@
+1962b720afe2ca44a866a26506b4dbd07f09b74f
\ No newline at end of file
diff --git a/src/assets/icons/svg/pic.svg b/src/assets/icons/svg/pic.svg
new file mode 100644
index 00000000..928aec25
--- /dev/null
+++ b/src/assets/icons/svg/pic.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="1519272613341" class="icon" style="" viewBox="0 0 1447 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1190" xmlns:xlink="http://www.w3.org/1999/xlink" width="282.6171875" height="200"><defs><style type="text/css"></style></defs><path d="M703.894913 1016.865091L12.34846 617.617603c-18.297302-10.566296-15.990328-29.004482 5.124654-41.208554L672.74195 198.135658c21.132592-12.204072 53.078026-13.524859 71.375329-2.958563l691.493621 399.247488c18.279692 10.566296 15.990328 29.004482-5.124653 41.208554l-655.216006 378.273391c-21.114981 12.204072-53.078026 13.524859-71.375328 2.958563z" fill="#F5F8FC" p-id="1191"></path><path d="M538.673267 864.780873L90.081177 605.800962c-13.454417-7.748617-11.763809-21.308697 3.768645-30.272438l584.66837-337.557931c15.532455-8.963741 39.007242-9.932318 52.461659-2.166091L1179.53672 494.854855c13.454417 7.766227 11.763809 21.326307-3.768645 30.290048l-584.66837 337.557932c-15.514844 8.858078-38.989632 9.844266-52.426438 2.078038z" fill="#4BCAF7" p-id="1192"></path><path d="M968.404519 498.376954l-181.493742 104.800044v-418.24921L968.404519 498.376954z" fill="#5EB735" p-id="1193"></path><path d="M605.417035 498.376954l181.493742-316.143572v420.943616" fill="#368420" p-id="1194"></path><path d="M868.341697 629.434243l-294.975759 170.293469V119.9979l294.975759 509.436343z" fill="#5FBF2C" p-id="1195"></path><path d="M278.40779 629.434243L573.365938 115.630498v684.097214" fill="#388E24" p-id="1196"></path><path d="M699.069638 66.44439m-66.444391 0a66.44439 66.44439 0 1 0 132.888781 0 66.44439 66.44439 0 1 0-132.888781 0Z" fill="#F96726" p-id="1197"></path><path d="M752.112443 106.455431A66.42678 66.42678 0 0 0 701.852096 0a59.206478 59.206478 0 1 0 50.260347 106.384989z" fill="#FF761A" p-id="1198"></path><path d="M438.08213 498.641111l-16.307316-7.308354c-4.772444-2.113259-11.05939-1.44406-17.927482 2.5183a44.325611 44.325611 0 0 0-7.308355 5.388811c-0.123273-9.685771-2.254143-17.610493-5.917126-23.650892l2.83529-4.050413-13.771406-6.163673q-0.739641-0.36982-1.532113-0.686809c-9.157456-3.751035-21.044539-2.359806-34.058693 5.142264-24.020713 13.859458-44.255169 44.184727-50.489284 73.206819a36.594605 36.594605 0 0 0-9.368782 3.891919C265.358414 557.812368 250.090117 584.245718 250.090117 605.977067c0 12.13363 4.772444 20.252067 12.327345 23.140188l15.479623 6.903313 0.598757-7.572512a40.697849 40.697849 0 0 0 5.159874-2.412638l120.103563-69.350121h0.176105c14.98653-8.646752 27.13777-29.691291 27.13777-47.002406a33.900199 33.900199 0 0 0-0.36982-4.966159l5.476863-0.35221z" fill="#EDF0F2" p-id="1199"></path><path d="M420.9119 501.45879a43.462697 43.462697 0 0 0-7.308355 5.406422c-0.405041-32.84357-23.738945-46.033829-52.479269-29.444745-23.950271 13.91229-44.114285 44.184727-50.418842 73.20682a36.594605 36.594605 0 0 0-9.368782 3.891919c-18.825617 10.865674-34.076304 37.299024-34.076305 59.030373s14.916088 30.325269 33.459937 20.02313l120.103563-69.350121h0.176105c14.98653-8.664363 27.13777-29.708902 27.13777-47.020017s-12.168851-24.390533-27.225822-15.743781z" fill="#FFFDFD" p-id="1200"></path><path d="M942.974967 339.389423l-7.50207-3.363605a9.175067 9.175067 0 0 0-8.259322 1.162293 19.917468 19.917468 0 0 0-3.363604 2.483079 21.396749 21.396749 0 0 0-2.712016-10.883284l1.285566-1.866713-6.322167-2.88812a6.198894 6.198894 0 0 0-0.704419-0.316989c-4.226518-1.761049-9.685771-1.07424-15.673339 2.377416-11.05939 6.374998-20.35773 20.322509-23.245851 33.688874a16.641916 16.641916 0 0 0-4.29696 1.761049c-8.664363 5.00138-15.690949 17.170231-15.69095 27.172991 0 5.582526 2.201312 9.315951 5.652969 10.566295l7.044197 3.1875 0.281768-3.522099a20.35773 20.35773 0 0 0 2.377416-1.109461l55.279338-31.910213a27.578032 27.578032 0 0 0 12.48584-21.643296 13.20787 13.20787 0 0 0-0.176105-2.271754l2.535911-0.176105z" fill="#EDF0F2" p-id="1201"></path><path d="M935.138297 340.692599a19.917468 19.917468 0 0 0-3.363604 2.48308c-0.193715-15.109803-10.918506-21.132592-24.143986-13.54247-11.05939 6.374998-20.35773 20.322509-23.22824 33.688874a16.483422 16.483422 0 0 0-4.314571 1.761049c-8.664363 5.00138-15.690949 17.170231-15.690949 27.172991s6.868092 13.947511 15.391571 9.210288l55.279337-31.910214a27.578032 27.578032 0 0 0 12.48584-21.643296c0.035221-8.030385-5.547305-11.200274-12.415398-7.220302z" fill="#FFFDFD" p-id="1202"></path></svg>
\ No newline at end of file
diff --git a/src/components/core/IconSvg/index.vue b/src/components/core/IconSvg/index.vue
new file mode 100644
index 00000000..fc2589e8
--- /dev/null
+++ b/src/components/core/IconSvg/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <svg aria-hidden="true">
+    <use :xlink:href="iconName"></use>
+  </svg>
+</template>
+
+<script>
+export default {
+  props: {
+    name: {
+      type: String,
+      required: true
+    }
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.name}`
+    }
+  }
+}
+</script>