Can custom color and size instead of base64

10 个月前 · cac7851fc5
--- a/web/src/assets/svg/jin10.svg
+++ b/web/src/assets/svg/jin10.svg
@@ -1,22 +1,100 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="32px" height="32px" viewBox="0 0 32 32" enable-background="new 0 0 32 32" xml:space="preserve">  <image id="image0" width="32" height="32" x="0" y="0"
    xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAIGNIUk0AAHomAACAhAAA+gAAAIDo
 AAB1MAAA6mAAADqYAAAXcJy6UTwAAAEdUExURQAAAFiD5FuD5FuC5lqC5lqC5lqC5lqC5lqC5lqB
 5lqC5lqC5lqC5lqC5lyB41qC5lqC5VqC5lqC5lqC5VqC5lqC5mGH532c64yo7niZ68PS9vX3/f3+
 /////16F57HE8/z9/rHD88XT9v7+/+Ho+q/D85aw77DD88TT9vH1/Zew712F5vz8/niZ6sLR9o6p
 7miN6PT3/WCH5/7//7zM9WyP6Xyc642o7pav7/D0/Yqm7fr7/puz8Hqa61+G597m+q3B8trj+e/z
 /Xub6/P2/aC38GSK6F2E5n+e7GeG14uQrnSKyN6pT/mxMPKvOIWPtdKlXfixMXWKx9ji+YWPtNKl
 XLadfcPR9u/z/GCG5+OrSWOF24yo7Xyb62SF2qIeFM0AAAAVdFJOUwAAACWKxePy+gJr9PNqAv0l
 +Ilq+Vbt7JYAAAABYktHRB3rA3GRAAAAB3RJTUUH6AkYCCg6OzwI7gAAAYhJREFUOMuFU/tDwVAU
 vh5DIsI1zEFtjCGPUN4qFJqi0kP1//8Z3ck2w+b75Z5z7ncf55zvIIRMFitlszuwBg67jbJaTIjg
 yHmMdeByn5DzTg/WhcdtQhYXNoDLi6zYEFZEGRMoZNt0g3QoRAc3IzZkV51whIkCRJlIWI3ZkZJ/
 LJ6ANRJnMTl6ipT9cwCWS6ZSPMcCpBWGQogDZISsZGWFDAC/TQgnIEPLQToDufwWIQKsoH5NYOFC
 SwgywJH76UJx5WY5KJU1BDoKSbIULplKVfJ5iNY0hCuAa7IUGYB6gxgpgNA+Aq6QKjRb7Y6wTVg/
 gav1VaW6vZvbu32fxLjRBOgPhiRyr5NmC/oPo/FEyXinUG0YjB7F6ZNuqTvd4VgUxecdQiwtNYtP
 CT08mYribC4T1HbzuVUGLxi/vs3EhdzuDcHk30tEMB+fxJwvvpZrwWgkV659h37+81v+riVHYUNQ
 h2TvQ95Dg2M2HD2/WRpe3Ttc/hNpvM1eafwD2r0AGX+fl5z/Az9LZaYvSaPqAAAAJXRFWHRkYXRl
 OmNyZWF0ZQAyMDI0LTA5LTI0VDA4OjQwOjU4KzAwOjAwH6ZUgwAAACV0RVh0ZGF0ZTptb2RpZnkA
 MjAyNC0wOS0yNFQwODo0MDo1OCswMDowMG777D8AAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjQt
 MDktMjRUMDg6NDA6NTgrMDA6MDA57s3gAAAAAElFTkSuQmCC" />
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 	 width="100%" viewBox="0 0 225 225" enable-background="new 0 0 225 225" xml:space="preserve">
 <path fill="#4E77E1" opacity="1.000000" stroke="none" 
 	d="
 M126.000000,226.000000 
 	C84.000000,226.000000 42.500004,226.000000 1.000005,226.000000 
 	C1.000004,151.000000 1.000004,76.000015 1.000002,1.000016 
 	C75.999992,1.000010 150.999985,1.000010 225.999969,1.000005 
 	C225.999985,75.999985 225.999985,150.999969 226.000000,225.999969 
 	C192.833328,226.000000 159.666672,226.000000 126.000000,226.000000 
 M126.451942,195.953262 
 	C130.111862,195.104523 133.771774,194.255798 136.877396,193.535599 
 	C134.804596,185.717453 132.910065,178.571671 131.019653,171.441498 
 	C88.774292,183.966232 54.862122,153.211212 51.077278,120.135582 
 	C47.432079,88.280296 70.430069,51.832520 113.189255,52.050751 
 	C127.914680,52.125908 140.978256,57.197155 151.874985,67.052521 
 	C171.891449,85.156082 176.767548,107.700661 170.048309,132.396515 
 	C177.698883,134.775635 184.710709,136.956116 191.865250,139.180969 
 	C196.303452,126.220093 197.254868,112.574364 194.890625,98.718338 
 	C187.718872,56.687061 148.770157,22.798378 100.686371,29.494141 
 	C51.300331,36.371246 20.288342,80.451393 29.162020,129.355713 
 	C32.443077,147.438171 41.506237,162.500519 54.837860,175.155014 
 	C68.121231,187.763702 84.540428,194.016388 101.891159,197.384567 
 	C109.416885,198.845474 117.659668,196.612610 126.451942,195.953262 
 M126.769096,161.530502 
 	C128.346542,163.576706 129.923981,165.622894 132.019836,168.341553 
 	C135.908264,148.561630 147.028412,136.956192 166.648529,133.501755 
 	C162.191055,129.496307 157.879639,126.613861 152.068741,125.976753 
 	C149.571976,125.702995 146.736313,124.190811 144.967133,122.359650 
 	C137.319489,114.444107 128.581635,108.167656 118.242104,104.523796 
 	C111.828415,102.263481 105.044189,101.054550 97.718941,99.194038 
 	C98.285645,115.676163 104.039955,128.549362 114.112762,139.226562 
 	C119.788513,145.242874 125.469147,150.751068 125.481583,159.708054 
 	C125.482162,160.124649 125.997719,160.540512 126.769096,161.530502 
 M183.951691,168.486954 
 	C183.679153,167.184875 183.441574,165.874313 183.128418,164.582077 
 	C181.090988,156.174911 173.332703,150.429123 165.132767,151.236694 
 	C156.368698,152.099823 149.725143,158.958099 149.215408,167.668503 
 	C148.733948,175.895798 154.725494,183.192413 163.139450,185.291412 
 	C170.199677,187.052689 177.230988,189.050415 184.080154,191.490662 
 	C188.021027,192.894745 191.574341,195.386597 194.378754,196.892868 
 	C191.058304,188.033127 187.549881,178.671844 183.951691,168.486954 
 z"/>
 <path fill="#FDFEFE" opacity="1.000000" stroke="none" 
 	d="
 M126.014343,196.005386 
 	C117.659668,196.612610 109.416885,198.845474 101.891159,197.384567 
 	C84.540428,194.016388 68.121231,187.763702 54.837860,175.155014 
 	C41.506237,162.500519 32.443077,147.438171 29.162020,129.355713 
 	C20.288342,80.451393 51.300331,36.371246 100.686371,29.494141 
 	C148.770157,22.798378 187.718872,56.687061 194.890625,98.718338 
 	C197.254868,112.574364 196.303452,126.220093 191.865250,139.180969 
 	C184.710709,136.956116 177.698883,134.775635 170.048309,132.396515 
 	C176.767548,107.700661 171.891449,85.156082 151.874985,67.052521 
 	C140.978256,57.197155 127.914680,52.125908 113.189255,52.050751 
 	C70.430069,51.832520 47.432079,88.280296 51.077278,120.135582 
 	C54.862122,153.211212 88.774292,183.966232 131.019653,171.441498 
 	C132.910065,178.571671 134.804596,185.717453 136.877396,193.535599 
 	C133.771774,194.255798 130.111862,195.104523 126.014343,196.005386 
 z"/>
 <path fill="#FCFDFE" opacity="1.000000" stroke="none" 
 	d="
 M126.521263,161.243622 
 	C125.997719,160.540512 125.482162,160.124649 125.481583,159.708054 
 	C125.469147,150.751068 119.788513,145.242874 114.112762,139.226562 
 	C104.039955,128.549362 98.285645,115.676163 97.718941,99.194038 
 	C105.044189,101.054550 111.828415,102.263481 118.242104,104.523796 
 	C128.581635,108.167656 137.319489,114.444107 144.967133,122.359650 
 	C146.736313,124.190811 149.571976,125.702995 152.068741,125.976753 
 	C157.879639,126.613861 162.191055,129.496307 166.648529,133.501755 
 	C147.028412,136.956192 135.908264,148.561630 132.019836,168.341553 
 	C129.923981,165.622894 128.346542,163.576706 126.521263,161.243622 
 M118.577805,132.147232 
 	C122.717079,133.828918 126.714119,132.836227 128.478516,129.128738 
 	C129.756729,126.442894 129.689621,122.369713 128.640198,119.492226 
 	C126.915466,114.763100 121.885849,116.091606 118.496376,116.719200 
 	C116.469025,117.094604 114.263878,120.366257 113.488678,122.771225 
 	C112.230156,126.675621 114.443306,129.761383 118.577805,132.147232 
 z"/>
 <path fill="#F8B031" opacity="1.000000" stroke="none" 
 	d="
 M183.996582,168.898773 
 	C187.549881,178.671844 191.058304,188.033127 194.378754,196.892868 
 	C191.574341,195.386597 188.021027,192.894745 184.080154,191.490662 
 	C177.230988,189.050415 170.199677,187.052689 163.139450,185.291412 
 	C154.725494,183.192413 148.733948,175.895798 149.215408,167.668503 
 	C149.725143,158.958099 156.368698,152.099823 165.132767,151.236694 
 	C173.332703,150.429123 181.090988,156.174911 183.128418,164.582077 
 	C183.441574,165.874313 183.679153,167.184875 183.996582,168.898773 
 z"/>
 <path fill="#5079E1" opacity="1.000000" stroke="none" 
 	d="
 M118.221985,132.004547 
 	C114.443306,129.761383 112.230156,126.675621 113.488678,122.771225 
 	C114.263878,120.366257 116.469025,117.094604 118.496376,116.719200 
 	C121.885849,116.091606 126.915466,114.763100 128.640198,119.492226 
 	C129.689621,122.369713 129.756729,126.442894 128.478516,129.128738 
 	C126.714119,132.836227 122.717079,133.828918 118.221985,132.004547 
 z"/>
 </svg>