IconFont 图标

symbol引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：

• 支持多色图标了，不再受单色限制。
• 通过一些技巧，支持像字体那样，通过font-size,color来调整样式。
• 兼容性较差，支持 ie9+,及现代浏览器。
• 浏览器渲染svg的性能一般，还不如png。

使用步骤如下：

第一步：引入项目下面生成的symbol代码：

第二步：加入通用css代码（引入一次就行）：

第三步：挑选相应图标并获取类名，应用于页面：

 

下面是js文件可以自定义或者命名

;(function(window) {

  var svgSprite = '<svg>' +

    '' +     '<symbol id="icon-rentichengfen" viewBox="0 0 1024 1024">' +     '' +     '<path d="M933.579 533.072v3.105c0 57.88-11.022 112.487-33.071 163.822-22.050 51.33-52.027 95.95-89.922 133.845-37.896 37.901-82.515 67.872-133.851 89.922-51.33 22.050-105.941 33.071-163.816 33.071-57.88 0-112.488-11.022-163.822-33.071-51.337-22.050-95.95-52.022-133.851-89.922-37.896-37.896-67.868-82.515-89.917-133.845-22.051-51.336-33.077-105.941-33.077-163.822 0-49.614 8.267-96.984 24.806-142.116 16.538-45.134 39.281-85.613 68.218-121.444 28.939-35.834 63.221-66.497 102.842-91.989 39.617-25.497 82.856-43.413 129.712-53.748v316.275c0 24.113 2.585 44.613 7.752 61.494s13.611 30.492 25.324 40.827c11.713 10.337 27.044 17.745 45.989 22.22 18.95 4.482 42.205 6.718 69.765 6.718l366.921-41.343zM522.219 504.136c-7.579 0-16.023-2.412-25.323-7.237-9.3-4.82-13.953-15.155-13.953-31.007v-373.114c0-11.714 2.932-20.157 8.786-25.324 5.86-5.167 16.709-7.752 32.557-7.752 6.895 0 20.849 0.515 41.862 1.549 21.014 1.034 46.167 4.996 75.449 11.886 29.286 6.895 61.328 18.088 96.126 33.591s69.418 38.073 103.873 67.703c24.806 20.672 43.755 43.063 56.847 67.183 13.091 24.113 22.741 46.853 28.939 68.218 6.203 21.359 9.822 39.787 10.856 55.291s1.549 24.635 1.549 27.395c0 10.337-2.412 19.292-7.237 26.868-4.82 7.582-13.779 13.097-26.869 16.538-4.825 1.377-17.229 3.961-37.21 7.752-19.984 3.79-43.755 8.271-71.314 13.439-27.566 5.167-56.847 10.507-87.853 16.018s-59.951 10.507-86.825 14.989c-26.869 4.476-49.78 8.267-68.732 11.367-18.943 3.105-29.455 4.652-31.518 4.652v0zM522.219 504.136z" fill="#ade81e" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-xueya" viewBox="0 0 1024 1024">' +     '' +     '<path d="M663.22432 278.272c-74.632533-132.590933-149.03296-237.626027-149.275307-237.9776-3.785387-5.382827-10.052267-8.51968-16.67072-8.51968-6.62528 0.119467-12.837547 3.372373-16.561493 8.871253-0.23552 0.3584-71.3216 104.441173-142.650027 236.680533-71.08608 132.7104-143.353173 291.679573-143.94368 409.78432-0.29696 115.38432 46.127787 194.635093 107.63264 242.29888 61.508267 47.72864 136.144213 65.2288 195.52256 65.29024 59.66848-0.116053 137.20576-18.629973 201.90208-66.65216 64.703147-47.84128 115.08736-127.204693 114.793813-241.349973C813.32224 570.074453 737.7408 411.46368 663.22432 278.272zM519.72096 512.641707l0 414.129493-31.351467 0L488.369493 512.64512c-43.025067-7.441067-75.779413-44.858027-75.779413-90.0096 0-45.151573 32.754347-82.56512 75.779413-90.0096L488.369493 201.782613l31.351467 0L519.72096 332.629333c43.014827 7.451307 75.758933 44.86144 75.758933 90.006187C595.479893 467.780267 562.735787 505.1904 519.72096 512.641707z" fill="#d4237a" ></path>' +     '' +     '<path d="M504.04352 422.63552m-67.075413 0a19.651 19.651 0 1 0 134.150827 0 19.651 19.651 0 1 0-134.150827 0Z" fill="#d4237a" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-iconnyfx" viewBox="0 0 1024 1024">' +     '' +     '<path d="M893.892757 259.06736c43.828204-43.827181 43.463907-116.27419-0.364297-160.123884C872.305089 77.70271 844.077188 65.99711 814.045197 66.00632c-30.0412 0-59.329247 11.530614-80.513732 32.704866-1.399883 1.394766-79.301114 79.294974-108.822474 108.818381l-5.720282 1.431605c-14.97097-14.94641-39.302121-14.956643-54.273091 0.00921l-44.861744 44.868907c-7.251148 7.246031-11.250228 16.894785-11.242042 27.16571 0 10.249435 4.000104 19.890003 11.242042 27.125801l13.222139 13.938454L223.805252 631.326712c-45.074591 45.093011-58.021461 72.474638-62.997799 97.369631-3.322675 16.610306-4.644787 27.523867-45.823652 68.721151-3.227508 3.226484-5.725398 12.619412-5.725398 17.183358 0 4.578272 2.496867 13.942547 5.725398 17.179264l45.823652 45.818535c3.360538 3.363607 12.771885 5.729491 17.178241 5.729491 4.412496 0 13.81975-2.365884 17.184381-5.729491 41.178865-41.177841 57.852616-48.229444 74.458829-51.547003 24.885783-4.980431 46.553269-12.183484 91.632977-57.272401l309.265646-309.257459 13.854543 13.159718c14.482853 14.506389 39.808658 14.487969 54.258765 0.00921l44.880163-44.88835c14.918781-14.933107 14.941294-39.277562 0.032746-54.248531-0.01842-0.017396-0.01842-0.017396-0.032746-0.022513l1.558495-5.640464L893.892757 259.06736zM479.199966 582.205968l-137.747247 0 226.211045-226.254024 68.870554 68.89102L479.199966 582.205968z" fill="#7ea327" ></path>' +     '' +     '<path d="M593.296561 864.844164c0 52.27969 41.775452 94.67322 93.279477 94.67322 51.5337 0 93.281523-42.393529 93.281523-94.67322 0-52.2889-93.281523-191.151551-93.281523-191.151551S593.296561 812.555264 593.296561 864.844164z" fill="#7ea327" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-shengaotizhong" viewBox="0 0 1024 1024">' +     '' +     '<path d="M380.631532 470.722898l37.659715 60.611449c13.199627-4.965082 26.705222-8.851599 40.460504-11.652388l-2.367931-5.842055c-4.245697-10.475586 0.803295-22.409382 11.277858-26.656103 10.473539-4.248767 22.408359 0.802272 26.656103 11.277858l6.520507 16.08535c3.930519-0.167822 7.875365-0.255827 11.834536-0.255827 32.042787 0 63.180971 5.5279 92.812849 16.460904l37.880749-60.727083c-40.240493-20.682042-85.014232-31.530111-130.693598-31.530111C466.466456 438.495916 421.223019 449.585485 380.631532 470.722898z" fill="#114eae" ></path>' +     '' +     '<path d="M511.999488 42.324968c-259.393795 0-469.674009 210.281237-469.674009 469.675032 0 259.394818 210.279191 469.676056 469.674009 469.676056s469.674009-210.281237 469.674009-469.676056C981.673497 252.606205 771.394307 42.324968 511.999488 42.324968zM776.731872 633.401977c0 53.691853-43.680848 97.371678-97.369631 97.371678-11.302417 0-20.466124-9.163707-20.466124-20.466124 0-11.304464 9.163707-20.466124 20.466124-20.466124 31.120788 0 56.437383-25.318642 56.437383-56.43943L735.799624 362.985128c0-31.120788-25.316595-56.438407-56.437383-56.438407L344.63776 306.546721c-31.120788 0-56.43943 25.318642-56.43943 56.438407l0 270.416849c0 31.120788 25.318642 56.43943 56.43943 56.43943L511.367085 689.841408c4.196579-0.245593 24.156166-1.182942 47.914266 1.463328 37.325094 4.157693 65.208141 14.875802 82.875522 31.860638 8.150634 7.832386 8.40646 20.787442 0.574075 28.938076-4.019547 4.179183-9.383718 6.282077-14.758122 6.282077-5.102205 0-10.211573-1.895163-14.179954-5.710049-22.89443-22.007223-81.616856-23.248494-100.378152-21.950941-0.471744 0.031722-0.943488 0.050142-1.415232 0.050142L344.63776 730.774679c-53.691853 0-97.371678-43.680848-97.371678-97.371678L247.266082 362.985128c0-53.69083 43.680848-97.370655 97.371678-97.370655l334.725504 0c53.689806 0 97.369631 43.680848 97.369631 97.370655L776.732895 633.401977zM637.431246 567.030337c-5.406127 8.66638-16.376992 12.021801-25.706475 7.856945-29.231765-13.047154-60.427254-19.662829-92.720751-19.662829-32.831756 0-64.501036 6.829546-94.129844 20.298302-2.735297 1.243317-5.615904 1.836835-8.459672 1.836835-6.886851 0-13.552667-3.485381-17.394159-9.667174l-58.056254-93.443206c-2.871397-4.621251-3.784186-10.194176-2.536776-15.489786 1.246387-5.29561 4.549619-9.876951 9.181103-12.731976 51.426253-31.705096 110.695125-48.463782 171.396625-48.463782 60.150962 0 118.955252 16.474206 170.057117 47.641043 4.665253 2.844791 7.996115 7.437389 9.257851 12.752442 1.258667 5.316076 0.341784 10.915607-2.550079 15.551184L637.431246 567.030337z" fill="#114eae" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-xueyang" viewBox="0 0 1024 1024">' +     '' +     '<path d="M511.999488 42.324968c-259.393795 0-469.674009 210.281237-469.674009 469.675032 0 259.394818 210.279191 469.676056 469.674009 469.676056s469.674009-210.281237 469.674009-469.676056C981.673497 252.606205 771.394307 42.324968 511.999488 42.324968zM681.778266 753.9761c-45.349861 45.350884-105.645109 70.326718-169.778778 70.326718-28.183899 0-55.789631-4.842285-82.049714-14.391778-19.663852-7.148817-38.35454-16.880459-55.552224-28.924773-9.257851-6.485715-11.507078-19.247366-5.022387-28.504194s19.247366-11.506055 28.504194-5.022387c14.262842 9.989515 29.758768 18.057261 46.057989 23.984251 21.7647 7.91425 44.663222 11.927657 68.062142 11.927657 109.823268 0 199.171202-89.348957 199.171202-199.173249 0-145.873322-152.998603-295.120484-199.180412-336.837608-19.246343 17.36039-57.013505 53.338812-94.347808 99.794867-47.817052 59.500139-104.816231 148.922774-104.816231 237.042741 0 28.816303 6.016017 56.609299 17.880229 82.606393 4.691859 10.283204 0.159636 22.424732-10.123568 27.115568-10.278087 4.692882-22.420639 0.161682-27.115568-10.121522-14.31503-31.368428-21.573341-64.87966-21.573341-99.600439 0-44.744064 12.230556-92.783173 36.350906-142.784984 18.894326-39.168068 45.134966-79.718623 77.994352-120.522957 55.573713-69.013817 110.415762-114.594945 112.723318-116.502387 7.566326-6.251378 18.506493-6.251378 26.072819 0 2.307555 1.906419 57.150628 47.487547 112.722294 116.501364 32.858362 40.804335 59.099003 81.354889 77.993329 120.522957 24.12035 50.001811 36.350906 98.041944 36.350906 142.784984C752.102938 648.330992 727.128127 708.626239 681.778266 753.9761zM360.10094 588.448136c0-49.003064 35.938514-88.871073 80.113619-88.871073 44.176129 0 80.115666 39.868009 80.115666 88.871073 0 49.005111-35.939537 88.874143-80.115666 88.874143C396.039453 677.322279 360.10094 637.453247 360.10094 588.448136zM609.891006 479.676827c-6.194072-3.177366-16.321734-1.023306-20.587897 1.076518-4.851495 6.987135-13.769608 10.466376-22.409382 8.012488-10.872628-3.089361-17.182334-14.407128-14.092973-25.28078 5.443989-19.167548 34.969443-28.940123 58.065464-25.724895 29.284977 4.078899 46.769186 26.868951 46.769186 60.963467 0 27.514657-24.352641 47.357588-43.660382 60.584843l23.194258 0c11.30344 0 20.466124 9.16166 20.466124 20.466124 0 11.302417-9.162684 20.466124-20.466124 20.466124l-68.083631 0c-6.092765 0-11.869329-2.713808-15.755846-7.404644-3.888564-4.690836-5.484921-10.870582-4.355191-16.85897 0.503467-2.665713 5.716188-26.587542 33.246195-44.691875l0.416486-0.274246c7.269567-4.780887 17.22736-11.325953 24.725124-18.475793 6.886851-6.566556 9.340739-11.440563 9.340739-13.812587C616.703155 491.629044 615.520213 482.565621 609.891006 479.676827z" fill="#2187be" ></path>' +     '' +     '<path d="M440.214559 636.390032c21.605064 0 39.183418-21.50785 39.183418-47.941895s-17.578354-47.939849-39.183418-47.939849c-21.60404 0-39.181371 21.505803-39.181371 47.939849S418.610518 636.390032 440.214559 636.390032z" fill="#2187be" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-xuetangzhi" viewBox="0 0 1024 1024">' +     '' +     '<path d="M844.822666 743.456512c-58.619072 41.193191-104.340393-150.565181-104.340393-150.565181-64.596204-239.718687-125.636419 8.974395-125.636419 8.974395-62.816674 300.595172-152.557558-8.974395-152.557558-8.974395-72.362075-159.731958-125.636419 44.86993-125.636419 44.86993-19.823488 0-35.896558 16.07307-35.896558 35.896558s16.07307 35.895535 35.896558 35.895535c19.822464 0 35.895535-16.072047 35.895535-35.895535 0-9.500375-3.759627-18.075681-9.7869-24.49488l9.7869-29.349445c39.23663-140.426263 89.740884 62.817698 89.740884 62.817698 116.189256 209.966059 179.479721-44.870953 179.479721-44.870953 27.142174-229.127468 80.767512-17.946744 80.767512-17.946744 31.066553 148.425448 82.510202 157.562549 108.887966 151.033855C769.683339 884.039341 649.795854 960.827215 512.003582 960.827215c-200.926172 0-363.807866-163.228595-363.807866-364.571253 0-201.349821 227.236398-394.033261 363.807866-532.833491 142.068669 142.375661 363.800703 331.48367 363.800703 532.833491C875.803261 648.654356 864.691179 698.422853 844.822666 743.456512z" fill="#dd952d" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-xueniaosuanfenxi" viewBox="0 0 1024 1024">' +     '' +     '<path d="M526.192745 47.307446c-247.856018 0-448.781166 200.925149-448.781166 448.78219 0 247.858064 200.924125 448.781166 448.781166 448.781166 247.858064 0 448.78219-200.923102 448.78219-448.781166C974.973912 248.232594 774.049786 47.307446 526.192745 47.307446zM437.220365 645.518946c-0.585331 1.119497-1.191128 2.233877-1.834788 3.335978-22.777773 39.019689-73.216535 52.391231-112.671129 29.864168-39.45664-22.533202-52.968375-72.423473-30.190603-111.449301 0.64673-1.109264 1.323135-2.190899 2.01489-3.258207 0.553609-1.062192 1.130753-2.119267 1.741667-3.166109l202.450898-346.847589L641.593032 295.581995 439.128831 642.430608C438.51587 643.481544 437.876304 644.50792 437.220365 645.518946zM539.015795 662.780075c0 48.13223 0 102.576213 0 102.576213l-25.647123 0c0 0 0-63.191204 0-102.576213 0-75.606978 76.934207-76.936253 76.934207-76.936253s8.728802 3.186576 12.82305 12.825097c4.094248 9.626241 0 12.817933 0 12.817933S539.015795 602.572832 539.015795 662.780075zM781.099343 585.79982c-1.527796 88.267323-64.410985 138.929166-94.064352 146.418744-29.639041 7.494695-77.323063-4.402263-83.594907-52.29197-5.083785-38.681998 11.733229-44.545542 20.887726-73.207325 5.108345-15.942087-3.683902-35.276435-20.887726-41.837874 0 0-38.779212-21.349237-31.354102-62.751183 7.411807-41.397852 50.725288-70.155826 104.505146-62.754253C730.372008 446.785719 782.639418 497.529427 781.099343 585.79982z" fill="#c96d37" ></path>' +     '' +     '<path d="M504.217245 234.257302 504.217245 234.257302 504.217245 234.257302 384.245849 439.802678c0 0 32.895201 1.658779 60.015885 17.142425 4.592598 2.622734 9.56382 4.709255 14.699794 6.364965 17.841344 5.754051 37.671994 6.281053 50.611701 5.789866 8.519024-0.322341 14.051017-1.085728 14.051017-1.085728l0.001023-0.001023 97.484242-167.002548L504.217245 234.257302z" fill="#c96d37" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-zongdanguchunfenxi" viewBox="0 0 1024 1024">' +     '' +     '<path d="M511.999488 83.570347C269.150508 83.570347 72.286862 280.43604 72.286862 523.283997c0 242.84591 196.863646 439.711604 439.712627 439.711604 242.84591 0 439.712627-196.865693 439.712627-439.711604C951.713138 280.43604 754.846422 83.570347 511.999488 83.570347zM457.743794 437.44805c-3.677762 15.493879-8.558933 42.084491-8.558933 74.060763 0 41.075511 25.12626 78.469166 25.12626 125.18821 0 79.968309-12.56313 112.725364-12.56313 112.725364l-25.127284 0c0 0 12.56313-32.364105 12.56313-112.035656 0-47.163159-25.12626-85.146239-25.12626-126.56865 0-25.903973 3.248997-48.218188 6.442736-63.905472-4.14746 0.648776-8.395204 0.992607-12.724813 0.992607-8.485255 0-16.667611-1.296529-24.362874-3.698229-3.373841 15.905248-7.045463 39.572274-7.045463 67.301825 0 41.075511 25.127284 78.469166 25.127284 125.18821 0 79.968309-12.56313 112.725364-12.56313 112.725364l-25.127284 0c0 0 12.56313-32.364105 12.56313-112.035656 0-47.163159-25.12626-85.146239-25.12626-126.56865 0-34.922371 5.904477-63.337537 9.616008-77.753875-21.00336-14.776542-34.742269-39.185464-34.742269-66.817802 0-45.101197 36.560684-81.661881 81.659835-81.661881 45.100174 0 81.660858 36.560684 81.660858 81.661881C499.435335 396.819724 482.620367 423.453315 457.743794 437.44805zM633.627616 437.449074c-3.677762 15.494902-8.558933 42.084491-8.558933 74.059739 0 41.075511 25.128307 78.469166 25.128307 125.18821 0 79.968309-12.564154 112.726388-12.564154 112.726388l-25.125237 0c0 0 12.561084-32.365128 12.561084-112.036679 0-47.163159-25.127284-85.146239-25.127284-126.56865 0-25.903973 3.251044-48.218188 6.443759-63.905472-4.14746 0.648776-8.394181 0.992607-12.724813 0.992607-8.486278 0-16.668635-1.296529-24.362874-3.698229-3.374864 15.905248-7.04751 39.571251-7.04751 67.301825 0 41.075511 25.127284 78.469166 25.127284 125.18821 0 79.968309-12.562107 112.726388-12.562107 112.726388L549.689902 749.423411c0 0 12.561084-32.365128 12.561084-112.036679 0-47.163159-25.128307-85.146239-25.128307-126.56865 0-34.922371 5.9055-63.336514 9.619078-77.753875-21.005406-14.775518-34.744315-39.185464-34.744315-66.817802 0-45.101197 36.561707-81.661881 81.661881-81.661881 45.098127 0 81.660858 36.560684 81.660858 81.661881C675.321204 396.820748 658.505213 423.454338 633.627616 437.449074z" fill="#13227a" ></path>' +     '' +     '</symbol>' +     '' +     '<symbol id="icon-tiwen" viewBox="0 0 1024 1024">' +     '' +     '<path d="M985.74336 993.32096a20.85888 20.85888 0 0 1-20.79744 20.79744H59.05408c-11.43808 0-16.41472-8.27392-11.0592-18.3808l334.49984-631.0912c5.35552-10.10688 19.0976-18.3808 30.53568-18.3808h551.91552c11.43808 0 20.79744 9.35936 20.79744 20.79744v626.25792z" fill="#1296db" ></path>' +     '' +     '<path d="M505.79456 465.55136c-54.54848 39.40352-87.12192 103.99744-87.15264 176.10752 0 119.86944 99.01056 217.3952 220.30336 217.3952 118.92736 0 215.72608-97.52576 215.72608-217.3952 0-69.28384-35.95264-135.31136-93.37856-176.18944V137.23648c0-70.22592-57.53856-127.35488-127.73376-127.35488-70.22592 0-127.76448 57.12896-127.76448 127.35488v328.31488z m133.09952 332.76928c-87.79776 0-159.47776-70.27712-159.50848-156.68224 0-57.58976 26.19392-106.26048 72.27392-133.56032l14.3872-8.81664V137.20576c0-36.73088 30.75072-66.62144 67.4816-66.62144 36.70016 0 67.45088 29.89056 67.45088 66.62144v49.85856h-52.41856c-8.40704 0-15.19616 5.95968-15.19616 14.36672 0 8.40704 6.81984 14.36672 15.19616 14.36672h52.41856v34.41664h-52.41856c-8.40704 0-15.19616 5.98016-15.19616 14.36672 0 8.40704 6.81984 14.36672 15.19616 14.36672h52.41856v28.70272h-52.41856c-8.40704 0-15.19616 5.95968-15.19616 14.36672 0 8.40704 6.81984 14.36672 15.19616 14.36672h52.41856v34.43712h-52.41856c-8.40704 0-15.19616 5.98016-15.19616 14.36672 0 8.40704 6.81984 14.36672 15.19616 14.36672h52.41856v28.70272h-52.41856c-8.40704 0-15.19616 5.98016-15.19616 14.36672 0 8.40704 6.81984 14.36672 15.19616 14.36672h52.41856v42.33216l14.55104 8.81664c6.17472 3.66592 11.6736 7.68 17.22368 12.02176h-84.19328c-8.40704 0-15.19616 7.41376-15.19616 15.79008 0 8.40704 6.81984 15.79008 15.19616 15.79008H763.4944c19.32288 26.1632 30.28992 57.58976 30.28992 89.9584 0.02048 86.33344-69.48864 156.6208-154.89024 156.6208z" fill="#1296db" ></path>' +     '' +     '</symbol>' +     '' +     '</svg>'   var script = function() {     var scripts = document.getElementsByTagName('script')     return scripts[scripts.length - 1]   }()   var shouldInjectCss = script.getAttribute("data-injectcss")

  /**

   * document ready    */   var ready = function(fn) {     if (document.addEventListener) {       if (~["complete", "loaded", "interactive"].indexOf(document.readyState)) {         setTimeout(fn, 0)       } else {         var loadFn = function() {           document.removeEventListener("DOMContentLoaded", loadFn, false)           fn()         }         document.addEventListener("DOMContentLoaded", loadFn, false)       }     } else if (document.attachEvent) {       IEContentLoaded(window, fn)     }

    function IEContentLoaded(w, fn) {

      var d = w.document,         done = false,         // only fire once         init = function() {           if (!done) {             done = true             fn()           }         }         // polling for no errors       var polling = function() {         try {           // throws errors until after ondocumentready           d.documentElement.doScroll('left')         } catch (e) {           setTimeout(polling, 50)           return         }         // no errors, fire

        init()

      };

      polling()

        // trying to always fire before onload       d.onreadystatechange = function() {         if (d.readyState == 'complete') {           d.onreadystatechange = null           init()         }       }     }   }

  /**

   * Insert el before target    *    * {Element} el    * {Element} target    */

  var before = function(el, target) {

    target.parentNode.insertBefore(el, target)   }

  /**

   * Prepend el to target    *    * {Element} el    * {Element} target    */

  var prepend = function(el, target) {

    if (target.firstChild) {       before(el, target.firstChild)     } else {       target.appendChild(el)     }   }

  function appendSvg() {

    var div, svg

    div = document.createElement('div')

    div.innerHTML = svgSprite     svgSprite = null     svg = div.getElementsByTagName('svg')[0]     if (svg) {       svg.setAttribute('aria-hidden', 'true')       svg.style.position = 'absolute'       svg.style.width = 0       svg.style.height = 0       svg.style.overflow = 'hidden'       prepend(svg, document.body)     }   }

  if (shouldInjectCss && !window.__iconfont__svg__cssinject__) {

    window.__iconfont__svg__cssinject__ = true     try {       document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>");     } catch (e) {       console && console.log(e)     }   }

  ready(appendSvg)

})(window)