@@ -9,15 +9,6 @@ import { Svg, Path } from 'react-native-svg';
99// And then regenerate icons by using cli command.
1010const Icon = ( { color, name, size, ...rest } ) => {
1111 switch ( name ) {
12- case 'wechat' :
13- return (
14- < Svg viewBox = "0 0 1024 1024" width = { size } height = { size } { ...rest } >
15- < Path
16- d = "M579.598841 511.554783A24.635362 24.635362 0 0 0 556.521739 535.744928a24.264348 24.264348 0 0 0 23.373913 21.667246c17.511884 0 29.681159-10.833623 29.68116-21.667246 0-13.356522-12.54029-24.190145-29.68116-24.190145zM502.798841 398.988986a27.826087 27.826087 0 0 0 29.681159-29.16174 27.38087 27.38087 0 0 0-29.681159-29.161739c-17.511884 0-34.207536 10.833623-34.207537 29.161739s16.695652 29.161739 34.207537 29.16174zM512 0a512 512 0 1 0 512 512A512 512 0 0 0 512 0zM415.536232 641.706667a275.812174 275.812174 0 0 1-82.587826-13.356522l-84.591305 42.592464 24.190145-71.754203C213.333333 557.486377 178.086957 504.57971 178.086957 440.691014c0-113.456232 106.777971-200.347826 236.929855-200.347826 115.088696 0 217.711304 68.415072 237.449275 165.175653a115.533913 115.533913 0 0 0-22.26087-2.522899c-113.456232 0-201.015652 85.110725-201.015652 187.65913a201.089855 201.089855 0 0 0 6.678261 50.086957 175.044638 175.044638 0 0 1-20.851014 0.816232z m347.863188 81.623188l16.695652 60.030145-63.369275-35.84c-24.190145 4.971594-47.564058 12.54029-71.754203 12.54029-111.749565 0-200.347826-76.725797-200.347826-171.853913s88.449855-171.853913 200.347826-171.853913c105.590725 0.148406 200.941449 76.874203 200.941449 172.002319 0 53.351884-35.84 100.915942-82.587826 135.123478zM337.623188 340.591304c-17.511884 0-35.84 10.833623-35.84 29.161739s18.328116 29.235942 35.84 29.235943a28.716522 28.716522 0 0 0 29.68116-29.235943 28.197101 28.197101 0 0 0-29.68116-29.161739z m372.869566 170.666667a24.041739 24.041739 0 0 0-23.373913 24.190145 23.596522 23.596522 0 0 0 23.373913 21.667246c16.695652 0 29.161739-10.833623 29.161739-21.667246 0-13.356522-12.54029-24.190145-29.161739-24.190145z m0 0"
17- fill = { getIconColor ( color , 0 , '#19D100' ) }
18- />
19- </ Svg >
20- ) ;
2112 case 'alipay' :
2213 return (
2314 < Svg viewBox = "0 0 1024 1024" width = { size } height = { size } { ...rest } >
@@ -31,38 +22,65 @@ const Icon = ({ color, name, size, ...rest }) => {
3122 />
3223 </ Svg >
3324 ) ;
34- case 'baidu ' :
25+ case 'user ' :
3526 return (
3627 < Svg viewBox = "0 0 1024 1024" width = { size } height = { size } { ...rest } >
3728 < Path
38- d = "M555.9 242h30.4v189h-30.4V242z m-118.1 0h30.4v189h-30.4V242z m91.1 189h-30.4V242h30.4v189zM782 515.4c0 138.4-97.9 239.6-226.1 263.3V566c33.8-13.5 60.8-50.6 60.8-91.1V242H782v273.4zM244.9 242h165.4v232.9c0 40.5 27 77.6 60.8 91.1v212.6C342.8 755 244.9 653.8 244.9 515.4V242zM922 742V282c0-99-81-180-180-180H282c-99 0-180 81-180 180v460c0 99 81 180 180 180h460c99 0 180-81 180-180z"
39- fill = { getIconColor ( color , 0 , '#333333' ) }
29+ d = "M518.07603918 6.737455c-174.95658274 0-316.73174462 141.77516188-316.73174465 316.73174464 0 82.95355218 32.42729765 159.11999552 84.46179858 214.92511241 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 47.5097617 50.5262545 33.93554407 111.61023382 53.54274731 176.46482916 53.5427473s126.69269785-19.60720323 176.46482915-53.5427473c20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617C803.13460934 482.58919514 834.80778381 406.42275179 834.80778381 323.46919964c0-174.95658274-141.77516188-316.73174462-316.73174463-316.73174464z m166.66122752 501.491929c-22.62369604 20.36132644-49.01800811 36.95203687-77.67468975 47.50976169-27.90255844 10.55772482-58.06748652 16.59071043-88.98653777 16.59071044s-61.83810252-6.03298562-88.98653779-16.59071044c-28.65668166-11.31184801-55.0509937-27.14843525-77.67468975-47.50976169C300.88855716 462.98199189 269.21538268 396.61915017 269.21538268 323.46919964c0-137.25042267 111.61023382-248.86065649 248.8606565-248.86065651s248.86065649 111.61023382 248.86065648 248.86065651c0 73.14995053-31.67317446 139.51279228-82.19942896 184.76018436z"
30+ fill = { getIconColor ( color , 0 , '#263238' ) }
31+ />
32+ < Path
33+ d = "M341.61121002 586.65819695C205.11491054 652.26691548 110.84951037 791.77970775 110.84951037 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554406 33.93554407s-33.93554407-15.08246403-33.93554409-33.93554407c0-177.97307556 98.03601619-332.56833185 242.82767089-414.76776082 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 48.2638849zM993.17365612 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554408 33.93554407s-33.93554407-15.08246403-33.93554405-33.93554407c0-161.38236511-94.26540019-300.8951574-230.76169966-366.50387592 20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617 144.79165469 81.44530576 242.82767087 236.04056206 242.82767088 414.01363762z"
34+ fill = { getIconColor ( color , 1 , '#15BBDF' ) }
4035 />
4136 </ Svg >
4237 ) ;
43- case 'logout ' :
38+ case 'setup ' :
4439 return (
4540 < Svg viewBox = "0 0 1024 1024" width = { size } height = { size } { ...rest } >
4641 < Path
47- d = "M634 337.7V188H313.5c25.2 14.7 62.7 36.5 118.5 69 16 12 30 25 30 41v470h172V553.9c0-16.6 13.4-30 30-30s30 13.4 30 30V768c0 33.1-26.9 60-60 60H462v50c0 16.5-12 30-30 30-21.3 0-175.3-68-197.4-86.6-19.4-10-32.6-30.2-32.6-53.4V188c0-33.1 26.9-60 60-60h372c33.1 0 60 26.9 60 60v149.7c0 16.6-13.4 30-30 30s-30-13.4-30-30z"
48- fill = { getIconColor ( color , 0 , '#333333 ' ) }
42+ d = "M720.36316 371.018l-56.188-172.934c-4.654-14.322-20.036-22.16-34.358-17.506l-78.07 25.366c-7.25 2.356-15.224 0.726-20.912-4.346a256.276 256.276 0 0 0-41.218-29.96c-6.576-3.842-10.58-10.922-10.58-18.538V71.03c0-15.058-12.208-27.266-27.266-27.266h-181.834c-15.058 0-27.266 12.208-27.266 27.266v82.114c0 7.614-4.002 14.69-10.576 18.534a256.258 256.258 0 0 0-41.168 29.934c-5.69 5.074-13.664 6.704-20.916 4.348l-78.12-25.382c-14.322-4.654-29.704 3.184-34.356 17.506L1.34316 371.016c-4.654 14.322 3.184 29.704 17.506 34.356l78.05 25.36c7.252 2.356 12.754 8.364 14.366 15.816a253.468 253.468 0 0 0 15.718 48.46c3.072 6.984 2.162 15.076-2.322 21.248l-48.22 66.37c-8.852 12.182-6.15 29.234 6.032 38.084l147.108 106.882c12.182 8.852 29.234 6.15 38.086-6.032l48.188-66.326c4.484-6.17 11.894-9.538 19.484-8.776 8.404 0.844 16.926 1.284 25.552 1.284 8.604 0 17.104-0.44 25.486-1.28 7.588-0.76 14.998 2.606 19.48 8.776l48.184 66.32c8.852 12.182 25.902 14.884 38.086 6.032l147.108-106.882c12.182-8.852 14.882-25.902 6.032-38.084l-48.176-66.308c-4.486-6.174-5.394-14.268-2.32-21.252a253.424 253.424 0 0 0 15.75-48.544c1.612-7.454 7.114-13.46 14.368-15.816l77.968-25.334c14.322-4.65 22.16-20.032 17.506-34.352z m-359.472 120.706c-54.924 0-99.448-44.524-99.448-99.448s44.524-99.448 99.448-99.448 99.448 44.524 99.448 99.448-44.526 99.448-99.448 99.448z"
43+ fill = { getIconColor ( color , 0 , '#5B6EA2 ' ) }
4944 />
5045 < Path
51- d = "M838.6 446l-30 30H571c-16.5 0-30-13.5-30-30 0-8.3 3.4-15.8 8.8-21.2 5.4-5.4 12.9-8.8 21.2-8.8h237.6l30 30z m71.7 6.6c0-0.2 0.1-0.4 0.1-0.5v-0.3c0 0.2-0.1 0.5-0.1 0.8z m0.1-12.6c0-0.2-0.1-0.4-0.1-0.5 0.1 0.3 0.1 0.5 0.2 0.8-0.1-0.2-0.1-0.2-0.1-0.3z m0.4 9.7v-0.2-0.4-0.2 0.8z m0-6.8v-0.4-0.2c0 0.3 0.1 0.5 0.1 0.8-0.1-0.1-0.1-0.1-0.1-0.2zM881 416c1 0 2 0 3 0.2-0.9-0.2-1.9-0.2-3-0.2z m30 28.8v-0.2-0.1-0.3c0-0.4 0-0.7-0.1-1.1 0-0.3 0-0.5-0.1-0.8 0-0.4-0.1-0.7-0.1-1-0.1-0.3-0.1-0.7-0.2-1 0-0.3-0.1-0.5-0.2-0.8v-0.1c0-0.2-0.1-0.5-0.2-0.7v-0.2c-0.1-0.5-0.2-0.9-0.4-1.3-0.1-0.2-0.1-0.5-0.2-0.7-1.4-4.3-3.8-8.3-7.2-11.6-0.4-0.4-0.8-0.8-1.3-1.2L796.2 318.8c-11.7-11.7-30.8-11.7-42.4 0-5.8 5.8-8.8 13.5-8.8 21.2 0 7.7 2.9 15.4 8.8 21.2l54.8 54.8 30 30-30 30-54.8 54.8c-5.8 5.8-8.8 13.5-8.8 21.2 0 7.7 2.9 15.4 8.8 21.2 11.7 11.7 30.8 11.7 42.4 0l106.1-106.1c3.2-3.2 5.5-6.9 6.9-10.9 0.1-0.2 0.2-0.5 0.3-0.7 0.1-0.2 0.2-0.5 0.2-0.7 0.1-0.2 0.1-0.3 0.2-0.5 0.1-0.3 0.2-0.5 0.2-0.8v-0.1c0.1-0.2 0.1-0.5 0.2-0.8v-0.1c0.1-0.3 0.1-0.6 0.2-0.8 0.1-0.3 0.1-0.7 0.2-1 0-0.3 0.1-0.7 0.1-1 0-0.3 0.1-0.5 0.1-0.8 0-0.4 0.1-0.7 0.1-1.1V447.5v-0.1-0.2-1.3-1.1z m-0.6-4.8c0-0.2-0.1-0.4-0.1-0.5 0.1 0.3 0.1 0.5 0.2 0.8-0.1-0.2-0.1-0.2-0.1-0.3z m0.4 2.9v-0.4c0-0.4-0.1-0.8-0.2-1.3 0 0.3 0.1 0.7 0.1 1 0 0.3 0.1 0.5 0.1 0.8v-0.1z m-1.6 13.4c-1.4 4-3.7 7.7-6.9 10.9l-1.3 1.3c0.4-0.4 0.8-0.8 1.3-1.2 3.4-3.4 5.8-7.4 7.2-11.7-0.2 0.2-0.2 0.5-0.3 0.7z m1.1-3.7c0-0.2 0.1-0.4 0.1-0.5v-0.3c0 0.2-0.1 0.5-0.1 0.8z m0.5-2.9c0 0.3-0.1 0.7-0.1 1 0.1-0.4 0.1-0.8 0.2-1.3v-0.4-0.2c-0.1 0.4-0.1 0.6-0.1 0.9z"
52- fill = { getIconColor ( color , 1 , '#333333 ' ) }
46+ d = "M360.89116 516.228c-68.346 0-123.952-55.604-123.952-123.952s55.604-123.952 123.952-123.952 123.952 55.604 123.952 123.952-55.606 123.952-123.952 123.952z m0-198.894c-41.324 0-74.944 33.62-74.944 74.944s33.618 74.944 74.944 74.944 74.944-33.618 74.944-74.944-33.62-74.944-74.944-74.944z"
47+ fill = { getIconColor ( color , 1 , '#86DBD5 ' ) }
5348 />
54- </ Svg >
55- ) ;
56- case 'user' :
57- return (
58- < Svg viewBox = "0 0 1024 1024" width = { size } height = { size } { ...rest } >
5949 < Path
60- d = "M518.07603918 6.737455c-174.95658274 0-316.73174462 141.77516188-316.73174465 316.73174464 0 82.95355218 32.42729765 159.11999552 84.46179858 214.92511241 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 47.5097617 50.5262545 33.93554407 111.61023382 53.54274731 176.46482916 53.5427473s126.69269785-19.60720323 176.46482915-53.5427473c20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617C803.13460934 482.58919514 834.80778381 406.42275179 834.80778381 323.46919964c0-174.95658274-141.77516188-316.73174462-316.73174463-316.73174464z m166.66122752 501.491929c-22.62369604 20.36132644-49.01800811 36.95203687-77.67468975 47.50976169-27.90255844 10.55772482-58.06748652 16.59071043-88.98653777 16.59071044s-61.83810252-6.03298562-88.98653779-16.59071044c-28.65668166-11.31184801-55.0509937-27.14843525-77.67468975-47.50976169C300.88855716 462.98199189 269.21538268 396.61915017 269.21538268 323.46919964c0-137.25042267 111.61023382-248.86065649 248.8606565-248.86065651s248.86065649 111.61023382 248.86065648 248.86065651c0 73.14995053-31.67317446 139.51279228-82.19942896 184.76018436z"
61- fill = { getIconColor ( color , 0 , '#263238' ) }
50+ d = "M335.33916 646.46c8.404 0.844 16.926 1.284 25.552 1.284 8.604 0 17.104-0.44 25.486-1.278 7.588-0.76 14.998 2.606 19.48 8.776l48.184 66.32c8.852 12.182 25.902 14.884 38.086 6.032l74.012-53.772c-121.448-49.224-191.894-126.576-231.428-211.328-28.45-10.642-48.762-38.098-48.762-70.216a74.514 74.514 0 0 1 13.154-42.348c-23.962-126.424-1.346-249.502 6.73-306.166h-35.896c-15.058 0-27.266 12.208-27.266 27.266v82.114c0 7.614-4.002 14.69-10.576 18.536a256.152 256.152 0 0 0-41.166 29.934c-5.69 5.074-13.664 6.704-20.916 4.348L91.89116 180.578c-14.322-4.654-29.704 3.184-34.356 17.506L1.34316 371.016c-4.654 14.322 3.184 29.704 17.506 34.356l78.05 25.36c7.252 2.356 12.754 8.364 14.366 15.816a253.468 253.468 0 0 0 15.718 48.46c3.072 6.984 2.162 15.076-2.322 21.248l-48.22 66.37c-8.852 12.182-6.15 29.234 6.032 38.084l147.108 106.882c12.182 8.852 29.234 6.15 38.086-6.032l48.188-66.326c4.484-6.168 11.894-9.536 19.484-8.774z"
51+ opacity = ".1"
52+ fill = { getIconColor ( color , 2 , '#333333' ) }
6253 />
6354 < Path
64- d = "M341.61121002 586.65819695C205.11491054 652.26691548 110.84951037 791.77970775 110.84951037 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554406 33.93554407s-33.93554407-15.08246403-33.93554409-33.93554407c0-177.97307556 98.03601619-332.56833185 242.82767089-414.76776082 16.59071043 18.09895683 35.44379047 33.93554407 55.80511691 48.2638849zM993.17365612 953.16207287c0 18.85308003-15.08246403 33.93554407-33.93554408 33.93554407s-33.93554407-15.08246403-33.93554405-33.93554407c0-161.38236511-94.26540019-300.8951574-230.76169966-366.50387592 20.36132644-13.57421762 39.21440646-29.41080486 55.80511691-47.5097617 144.79165469 81.44530576 242.82767087 236.04056206 242.82767088 414.01363762z"
65- fill = { getIconColor ( color , 1 , '#15BBDF' ) }
55+ d = "M1004.51916 274.936l-69.236-69.236c-25.976-25.976-68.09-25.976-94.066 0L576.30116 470.614a33.62 33.62 0 0 0-9.412 29.166l2.754 16.948a41.288 41.288 0 0 1-11.558 35.818l-25.652 25.652 99.586 99.586 25.652-25.652a41.286 41.286 0 0 1 35.818-11.558l16.948 2.754a33.62 33.62 0 0 0 29.166-9.412L1004.51916 369c25.976-25.976 25.976-68.09 0-94.064z"
56+ fill = { getIconColor ( color , 3 , '#F7B96D' ) }
57+ />
58+ < Path
59+ d = "M667.65916 542.558c-12.176-12.176-12.176-31.92 0-44.096l197.396-197.396c12.176-12.176 31.92-12.176 44.096 0 12.176 12.176 12.176 31.92 0 44.096l-197.396 197.396c-12.176 12.176-31.918 12.176-44.096 0z"
60+ fill = { getIconColor ( color , 4 , '#FDE27C' ) }
61+ />
62+ < Path
63+ d = "M657.67116 652.132a41.274 41.274 0 0 1 31.768-11.996c-59.072-47.372-67.294-184.166 2.842-285.502l-115.98 115.98a33.62 33.62 0 0 0-9.412 29.166l2.754 16.948a41.288 41.288 0 0 1-11.558 35.818l-25.652 25.652 99.586 99.586 25.652-25.652z"
64+ opacity = ".1"
65+ fill = { getIconColor ( color , 5 , '#333333' ) }
66+ />
67+ < Path
68+ d = "M402.00116 852.312l146.338-146.338-44.096-44.096-146.338 146.338a45.4 45.4 0 0 1-15.862 10.294l-68.064 26.086a37.556 37.556 0 0 0-22.032 22.738l-20.978 60.356a17.81 17.81 0 0 0 4.23 18.444l28.884 28.884a17.816 17.816 0 0 0 18.444 4.23l60.356-20.978a37.556 37.556 0 0 0 22.738-22.032l26.086-68.064a45.4 45.4 0 0 1 10.294-15.862z"
69+ fill = { getIconColor ( color , 6 , '#495059' ) }
70+ />
71+ < Path
72+ d = "M504.23916 661.878l44.094 44.094-29.092 29.094-44.094-44.096z"
73+ opacity = ".1"
74+ fill = { getIconColor ( color , 7 , '#333333' ) }
75+ />
76+ < Path
77+ d = "M590.08516 747.722l-127.59-127.59c-9.862-9.862-9.862-25.85 0-35.712l20.222-20.222c9.862-9.862 25.85-9.862 35.712 0l127.59 127.59c9.862 9.862 9.862 25.85 0 35.712l-20.222 20.222c-9.86 9.862-25.85 9.862-35.712 0z"
78+ fill = { getIconColor ( color , 8 , '#FDE27C' ) }
79+ />
80+ < Path
81+ d = "M518.43116 564.198c-9.862-9.862-25.85-9.862-35.712 0l-20.222 20.222c-9.862 9.862-9.862 25.85 0 35.712l100.512 100.512c-38.162-57.234-28.442-108.238-16.758-128.628l-27.82-27.818z"
82+ opacity = ".1"
83+ fill = { getIconColor ( color , 9 , '#333333' ) }
6684 />
6785 </ Svg >
6886 ) ;
0 commit comments